/*
 Theme Name:   Brx Styl
 Theme URI:    https://bricksbuilder.io/
 Description:  Child theme for Bricks Builder
 Author:       Himanshu Borah
 Author URI:   https://borahdev.in
 Template:     bricks
 Version:      1.2.1
 Text Domain:  brx-styl
*/


@layer styl.theme, styl.base, styl.compositions, styl.utilities, styl.blocks;

@layer styl.theme {
    :root {
        --styl-background: #ffffff;
        --styl-foreground: #565d62;
        --styl-heading-color: #17222b;
        --styl-muted-color: #888888;
        --styl-stroke: 1px solid #f4f4f4;
        --styl-focus-color: #ffc701;
        --styl-focus-offset: .2lh;
        --styl-selection-background: #f5f5f5;
        --styl-selection-foreground: #565d62;
        --styl-highlight-background: #ffc701;
        --styl-highlight-foreground: #17222b;
        --styl-blockquote-foreground: #565d62;
        --styl-blockquote-footer: #ffc701;
        --styl-media-placeholder-background: #f5f5f5;
        --styl-form-control-accent-color: #ffc701;
        --styl-form-control-background: #ffffff;
        --styl-form-control-foreground: #565d62;
        --styl-form-control-placeholder-color: #888888;
        --styl-form-control-disabled-background: #888888;
        --styl-form-control-outline-color: #f4f4f4;
        --styl-form-control-border-radius: .5rem --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
    }
}

@layer styl.base {

    *,
    *:before,
    *:after {
        box-sizing: border-box
    }

    html {
        -moz-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        text-size-adjust: none
    }

    body,
    h1,
    h2,
    h3,
    h4,
    p,
    figure,
    blockquote,
    dl,
    dd {
        margin: 0
    }

    ul[role=list],
    ol[role=list] {
        list-style: none
    }

    body {
        min-height: 100vh;
        line-height: 1.5
    }

    h1,
    h2,
    h3,
    h4,
    button,
    input,
    label {
        line-height: 1.1
    }

    h1,
    h2,
    h3,
    h4 {
        text-wrap: balance
    }

    a:not([class]) {
        text-decoration-skip-ink: auto;
        color: currentColor
    }

    a[class] {
        text-decoration: none
    }

    img,
    picture {
        max-width: 100%;
        display: block
    }

    input,
    button,
    textarea,
    select {
        font-family: inherit;
        font-size: inherit
    }

    textarea:not([rows]) {
        min-height: 10em
    }

    :target {
        scroll-margin-block: 5ex
    }
}

@layer styl.base {
    html {
        font-size: 62.5%
    }

    body {
        background: var(--styl-background);
        color: var(--styl-foreground);
        font-size-adjust: from-font;
        margin: 0
    }

    :is(h1, h2, h3, h4) {
        color: var(--styl-heading-color);
        text-wrap: balance
    }

    ins {
        text-decoration: none;
        background: var(--styl-highlight-background);
        color: var(--styl-highlight-foreground);
        padding-inline: .3em
    }

    :is(code, kbd, samp) {
        padding: .2em .2em .05em;
        -webkit-hyphens: none;
        hyphens: none;
        -moz-tab-size: 2;
        tab-size: 2;
        text-align: left;
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

    @supports not (font-size-adjust: from-font) {
        :is(code, kbd, samp) {
            font-size: .8em
        }
    }

    pre:has(code) {
        width: max-content;
        max-width: 100%;
        overflow-x: auto
    }

    pre code {
        border: none;
        background: none;
        padding: 0
    }

    kbd {
        border: 1px solid;
        padding-block-end: .1em
    }

    var {
        font-style: normal
    }

    q {
        font-style: italic
    }

    ul:not([class]) {
        padding-inline-start: 1.7ch;
        list-style-type: disc
    }

    ul ::marker {
        font-size: .8lh
    }

    ol ::marker {
        font-size: 1em
    }

    [role=list][class],
    [role=tablist][class] {
        margin-block: 0;
        padding: 0
    }

    dd {
        margin-inline-start: 1.5ch
    }

    blockquote {
        margin-inline: 0;
        color: var(--styl-blockquote-foreground)
    }

    blockquote footer {
        color: var(--styl-blockquote-footer)
    }

    blockquote q {
        font-style: normal
    }

    :is(video, iframe[src*=youtube], iframe[src*=vimeo]) {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16/9
    }

    img {
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        font-style: italic;
        background-size: cover;
        background-repeat: no-repeat;
        shape-margin: .75rem
    }

    figcaption {
        padding-block-start: .5em;
        font-family: monospace
    }

    table {
        border: var(--styl-stroke);
        border-collapse: collapse;
        width: 100%
    }

    th {
        text-align: left
    }

    th:not(:only-of-type) {
        border-block-end: var(--styl-stroke)
    }

    th:only-of-type {
        border-inline-end: var(--styl-stroke)
    }

    :is(th, td)~:is(th, td) {
        border-inline-start: var(--styl-stroke)
    }

    tr+tr :is(th, td) {
        border-block-start: var(--styl-stroke)
    }

    caption {
        caption-side: bottom
    }

    a:not([class]):hover {
        text-underline-offset: .2lh
    }

    :is(h1, h2, h3, h4) a:not([class]) {
        text-decoration-thickness: .1ex;
        text-underline-offset: .2ex
    }

    :is(h1, h2, h3, h4) a:not([class]):hover {
        text-underline-offset: .3ex
    }

    :focus {
        outline: none
    }

    :focus-visible {
        outline: 2px solid var(--styl-focus-color, currentColor);
        outline-offset: var(--styl-focus-offset, .2lh)
    }

    @supports (-moz-appearance: none) {
        :root {
            --styl-focus-offset: .08em
        }
    }

    :target {
        scroll-margin-block: 5lh
    }

    ::selection {
        color: var(--styl-selection-foreground);
        background: var(--styl-selection-background)
    }

    hr {
        border: none;
        border-block-start: var(--styl-stroke)
    }

    svg:not([class]) {
        width: auto;
        height: 1lh
    }

    svg {
        flex-shrink: 0
    }

    svg[role=img][width][height] {
        width: revert;
        height: revert;
        background: var(--styl-media-placeholder-background)
    }

    :is(input, select, textarea) {
        accent-color: var(--styl-form-control-accent-color)
    }

    :is(input:not([type=checkbox], [type=radio], [type=color]), select, textarea) {
        padding: .5em .8em;
        border-radius: var(--styl-form-control-border-radius);
        border: var(--styl-stroke);
        background: var(--styl-form-control-background);
        color: var(--styl-form-control-foreground);
        width: 100%;
        outline: 1px solid var(--styl-form-control-outline-color);
        transition: outline-width .15s ease-in-out, outline-offset .15s ease-in-out, outline-color .15s ease-in-out
    }

    :is(input:not([type=checkbox], [type=radio], [type=color]), select, textarea)::placeholder {
        color: var(--styl-form-control-placeholder-color);
        opacity: 1
    }

    :is(input:not([type=checkbox], [type=radio], [type=color]), select, textarea):focus {
        outline: 2px solid var(--styl-form-control-accent-color);
        outline-offset: -2px
    }

    :is(input:not([type=checkbox], [type=radio], [type=color]), select, textarea):focus-visible {
        outline: 2px solid var(--styl-form-control-accent-color);
        outline-offset: -2px
    }

    label:after {
        content: "\a";
        white-space: pre
    }

    label:has(input) {
        display: flex;
        align-items: baseline
    }

    label:has(input) input {
        transform: translateY(-.1ex)
    }

    input:disabled {
        background: var(--styl-form-control-disabled-background)
    }

    input:disabled,
    label input:disabled+* {
        cursor: not-allowed
    }

    fieldset {
        border: var(--styl-stroke)
    }

    summary {
        cursor: pointer
    }
}

@layer styl.compositions {
    .layout {
        --_breakout-size: calc((var(--_breakout-max-width) - var(--_content-max-width)) / 2);
        display: grid;
        grid-template-columns: [full-width-start] minmax(var(--_padding-inline), 1fr) [breakout-start] minmax(0, var(--_breakout-size)) [content-start] min(100% - (var(--_padding-inline) * 2), var(--_content-max-width)) [content-end] minmax(0, var(--_breakout-size)) [breakout-end] minmax(var(--_padding-inline), 1fr) [full-width-end]
    }

    .layout>:not([data-layout]),
    :where([data-layout=full-width])>:not([data-layout]) {
        grid-column: content
    }

    .layout>[data-layout=full-width],
    [data-layout=full-width]>[data-layout=full-width] {
        grid-column: full-width-start / full-width-end;
        display: grid;
        grid-template-columns: inherit
    }

    .layout>[data-layout=breakout],
    [data-layout=full-width]>[data-layout=breakout] {
        grid-column: breakout
    }

    .main-wrapper.layout {
        --_padding-inline: var(--layout-inline-padding);
        --_content-max-width: var(--layout-content-max-width);
        --_breakout-max-width: var(--layout-breakout-max-width)
    }

    .main-wrapper.layout>*+* {
        margin-block-start: var(--layout-stack-space, var(--spacing-4xl))
    }

    .header-wrapper.layout {
        container: header / inline-size;
        --_padding-inline: var(--header-inline-padding, var(--layout-inline-padding));
        --_content-max-width: var(--header-content-max-width, var(--layout-content-max-width));
        --_breakout-max-width: var(--header-breakout-max-width, var(--layout-breakout-max-width))
    }

    .footer-wrapper.layout {
        container: footer / inline-size;
        --_padding-inline: var(--footer-inline-padding, var(--layout-inline-padding));
        --_content-max-width: var(--footer-content-max-width, var(--layout-content-max-width));
        --_breakout-max-width: var(--footer-breakout-max-width, var(--layout-breakout-max-width))
    }
}

@layer styl.compositions {
    .flow>* {
        margin-block: 0
    }

    .flow>*+* {
        margin-block-start: var(--flow-space, 1.2rem)
    }
}

@layer styl.compositions {
    .frame {
        --_width: var(--frame-width, 16);
        --_height: var(--frame-height, 9);
        --_fit: var(--frame-object-fit, cover);
        --_position: var(--frame-object-position, center);
        aspect-ratio: var(--frame-aspect-ratio, var(--_width) / var(--_height));
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .frame :where(img, video) {
        inline-size: 100%;
        block-size: 100%;
        object-fit: var(--_fit);
        object-position: var(--_position)
    }

    .frame>picture {
        inline-size: 100%;
        block-size: 100%
    }

    .frame>picture>img {
        inline-size: 100%;
        block-size: 100%;
        object-fit: var(--_fit);
        object-position: var(--_position);
        display: block
    }
}

@layer styl.compositions {
    .with-aside {
        --_target-width: var(--aside-target-width, 20rem);
        --_content-min-width: var(--aside-content-min-width, 50%);
        --_gap: var(--gutter, 0px);
        display: flex;
        flex-wrap: wrap;
        gap: var(--gutter)
    }

    .with-aside:not([data-direction])>:first-child,
    .with-aside[data-direction=rtl]>:last-child {
        flex-basis: var(--_target-width);
        flex-grow: 1
    }

    .with-aside:not([data-direction])>:last-child,
    .with-aside[data-direction=rtl]>:first-child {
        flex-basis: 0;
        flex-grow: 999;
        min-inline-size: var(--_content-min-width)
    }
}

@layer styl.compositions {
    .center {
        --_max-width: var(--center-max-width, 70ch);
        --_padding-inline: var(--center-padding, 1rem);
        box-sizing: content-box;
        max-inline-size: var(--_max-width);
        margin-inline: auto
    }

    .center[data-layout=intrinsic] {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .center:not([data-layout=intrinsic]) {
        padding-inline-start: var(--_padding-inline);
        padding-inline-end: var(--_padding-inline)
    }
}

@layer styl.compositions {
    .repel {
        --_vertical-alignment: var(--repel-vertical-alignment);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: var(--_vertical-alignment, center);
        gap: var(--gutter)
    }

    .repel[data-nowrap] {
        flex-wrap: nowrap
    }
}

@layer styl.compositions {
    .switcher {
        --_vertical-alignment: var(--switcher-vertical-alignment);
        --_width: var(--switcher-target-container-width);
        display: flex;
        flex-wrap: wrap;
        gap: var(--gutter);
        align-items: var(--_vertical-alignment, flex-start)
    }

    .switcher>* {
        flex-grow: 1;
        flex-basis: calc((var(--_width, 40rem) - 100%) * 999)
    }

    .switcher>:nth-last-child(n+5),
    .switcher>:nth-last-child(n+5)~* {
        flex-basis: 100%
    }
}

@layer styl.compositions {
    .cluster {
        --_horizontal-alignment: var(--cluster-horizontal-alignment);
        --_vertical-alignment: var(--cluster-vertical-alignment);
        display: flex;
        flex-wrap: wrap;
        gap: var(--gutter);
        justify-content: var(--_horizontal-alignment, flex-start);
        align-items: var(--_vertical-alignment, center)
    }

    .cluster[data-nowrap] {
        flex-wrap: nowrap
    }
}

@layer styl.compositions {
    .surface {
        --_background-color: var(--surface-bg, transparent);
        --_foreground-color: var(--surface-color, inherit);
        --_border-width: var(--surface-border-width, 0);
        --_border-style: var(--surface-border-style, solid);
        --_border-color: var(--surface-border-color, currentColor);
        --_border-radius: var(--surface-border-radius, 0);
        --_padding: var(--surface-padding, 0);
        --_heading-color: var(--surface-heading-color, inherit);
        --_link-color: var(--surface-link-color, currentColor);
        --_link-hover-color: var(--surface-link-hover-color, var(--_link-color));
        --_link-active-color: var(--surface-link-active-color, var(--_link-color));
        --_outline-width: var(--surface-outline-width, var(--_border-width));
        --_outline-offset: calc(var(--_outline-width) * -1);
        background: var(--_background-color);
        color: var(--_foreground-color);
        border: var(--_border-width) var(--_border-style) var(--_border-color);
        padding: var(--_padding);
        border-radius: var(--_border-radius);
        box-sizing: border-box;
        outline: var(--_outline-width) solid transparent;
        outline-offset: var(--_outline-offset)
    }

    .surface * {
        color: inherit
    }

    .surface :is(h1, h2, h3, h4) {
        color: var(--_heading-color)
    }

    .surface a {
        color: var(--_link-color)
    }

    .surface a:hover {
        color: var(--_link-hover-color)
    }

    .surface a:focus-visible {
        color: var(--_link-hover-color)
    }

    .surface a:active {
        color: var(--_link-active-color)
    }
}

@layer styl.utilities {
    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .visually-hidden {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-auto {
        z-index: auto
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

    .order-none {
        order: 0
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .icon-lg {
        width: var(--icon-size-lg);
        height: var(--icon-size-lg)
    }

    .icon-sm {
        width: var(--icon-size-sm);
        height: var(--icon-size-sm)
    }

    .icon-xl {
        width: var(--icon-size-xl);
        height: var(--icon-size-xl)
    }

    .h-auto {
        height: auto
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-max {
        height: max-content
    }

    .h-min {
        height: min-content
    }

    .h-screen {
        height: 100vh
    }

    .max-h-fit {
        max-height: fit-content
    }

    .max-h-full {
        max-height: 100%
    }

    .max-h-max {
        max-height: max-content
    }

    .max-h-min {
        max-height: min-content
    }

    .max-h-none {
        max-height: none
    }

    .max-h-screen {
        max-height: 100vh
    }

    .min-h-fit {
        min-height: fit-content
    }

    .min-h-full {
        min-height: 100%
    }

    .min-h-max {
        min-height: max-content
    }

    .min-h-min {
        min-height: min-content
    }

    .min-h-screen {
        min-height: 100vh
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-min {
        width: min-content
    }

    .w-screen {
        width: 100vw
    }

    .max-w-fit {
        max-width: fit-content;
    }

    .max-w-full {
        max-width: 100% !important;
    }

    .max-w-max {
        max-width: max-content
    }

    .max-w-min {
        max-width: min-content
    }

    .max-w-none {
        max-width: none
    }

    .max-w-screen {
        max-width: 100vw
    }

    .min-w-fit {
        min-width: fit-content
    }

    .min-w-full {
        min-width: 100%
    }

    .min-w-max {
        min-width: max-content
    }

    .min-w-min {
        min-width: min-content
    }

    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .resize {
        resize: both
    }

    .place-content-center {
        place-content: center
    }

    .place-content-end {
        place-content: end
    }

    .place-content-start {
        place-content: start
    }

    .place-content-stretch {
        place-content: stretch
    }

    .place-items-center {
        place-items: center
    }

    .place-items-end {
        place-items: end
    }

    .place-items-start {
        place-items: start
    }

    .place-items-stretch {
        place-items: stretch stretch
    }

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

    .justify-around {
        justify-content: space-around
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-evenly {
        justify-content: space-evenly
    }

    .justify-start {
        justify-content: flex-start
    }

    .place-self-center {
        place-self: center
    }

    .place-self-end {
        place-self: end
    }

    .place-self-start {
        place-self: start
    }

    .place-self-stretch {
        place-self: stretch stretch
    }

    .self-auto {
        align-self: auto
    }

    .self-baseline {
        align-self: baseline
    }

    .self-center {
        align-self: center
    }

    .self-end {
        align-self: flex-end
    }

    .self-start {
        align-self: flex-start
    }

    .self-stretch {
        align-self: stretch
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-x-scroll {
        overflow-x: scroll
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overflow-y-scroll {
        overflow-y: scroll
    }

    .overflow-x-clip {
        overflow-x: clip;
    }

    .overflow-y-clip {
        overflow-y: clip;
    }

    .text-center {
        text-align: center
    }

    .font-body {
        font-family: var(--font-body)
    }

    .font-display {
        font-family: var(--font-display)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .font-serif {
        font-family: var(--font-serif)
    }

    .text-2xl {
        font-size: var(--text-2xl)
    }

    .text-3xl {
        font-size: var(--text-3xl)
    }

    .text-4xl {
        font-size: var(--text-4xl)
    }

    .text-5xl {
        font-size: var(--text-5xl)
    }

    .text-base {
        font-size: var(--text-base)
    }

    .text-heading-2xl {
        font-size: var(--text-heading-2xl)
    }

    .text-heading-xl {
        font-size: var(--text-heading-xl)
    }

    .text-lg {
        font-size: var(--text-lg)
    }

    .text-md {
        font-size: var(--text-md)
    }

    .text-sm {
        font-size: var(--text-sm)
    }

    .text-xl {
        font-size: var(--text-xl)
    }

    .text-xs {
        font-size: var(--text-xs)
    }

    .leading-fine {
        --tw-leading: var(--leading-fine);
        line-height: var(--leading-fine)
    }

    .leading-flat {
        --tw-leading: var(--leading-flat);
        line-height: var(--leading-flat)
    }

    .leading-loose {
        --tw-leading: var(--leading-loose);
        line-height: var(--leading-loose)
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .text-wrap {
        text-wrap: wrap
    }

    .uppercase {
        text-transform: uppercase
    }

    .flow-2xs {
        --flow-space: var(--spacing-2xs)
    }

    .flow-l {
        --flow-space: var(--spacing-l)
    }

    .flow-m {
        --flow-space: var(--spacing-m)
    }

    .flow-s {
        --flow-space: var(--spacing-s)
    }

    .flow-xl {
        --flow-space: var(--spacing-xl)
    }

    .flow-xs {
        --flow-space: var(--spacing-xs)
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }
}








@layer styl.base {
    body {
        font-size: var(--text-base);
        font-family: var(--font-body);
        line-height: var(--leading-fine)
    }

    :is(h1, h2, h3, h4) {
        font-family: var(--font-display);
        font-weight: var(--font-weight-normal);
        line-height: var(--leading-flat);
        max-width: var(--heading-max-width, var(--_max-width))
    }

    h1 {
        --_max-width: 25ch;
        font-size: var(--text-heading-2xl);
        text-transform: uppercase
    }

    h2 {
        font-size: var(--text-heading-xl);
        --_max-width: 34ch;
        text-transform: uppercase
    }

    h3 {
        --_max-width: 35ch;
        font-size: var(--text-2xl);
        line-height: var(--leading-fine)
    }

    :is(h4, h5, h6) {
        font-size: var(--text-xl)
    }

    p {
        font-size: var(--text-base)
    }

    small {
        font-size: var(--text-sm)
    }

    :is(code, kbd, samp) {
        font-family: var(--font-mono)
    }

    var {
        font-weight: var(--font-medium)
    }

    ul:not([class])>li {
        padding-inline-start: var(--spacing-xs)
    }

    :is(ol, ul):not([class]) li+* {
        margin-block-start: var(--flow-space, var(--spacing-xs))
    }

    ol ::marker {
        font-weight: var(--font-weight-bold)
    }

    dt {
        font-weight: var(--font-weight-medium)
    }

    dt+dd {
        margin-block-start: var(--spacing-xs)
    }

    dd+dt {
        margin-block-start: var(--spacing-s)
    }

    blockquote footer {
        font-size: var(--text-sm);
        margin-block-start: var(--spacing-s)
    }

    figcaption {
        font-size: var(--text-sm)
    }

    th {
        font-weight: var(--font-weight-bold);
        line-height: var(--leading-fine)
    }

    thead th {
        padding-block: var(--spacing-s)
    }

    td,
    th {
        padding: var(--spacing-xs)var(--spacing-s)
    }

    caption {
        margin-block-start: var(--spacing-s)
    }

    hr {
        margin-block: var(--flow-space, var(--spacing-xl))
    }

    svg[role=img][width][height] {
        padding: var(--spacing-xs)
    }

    form>*+* {
        margin-top: var(--flow-space, 1rem)
    }

    label {
        line-height: var(--leading-fine);
        font-weight: var(--font-weight-medium)
    }

    label:has(input) {
        gap: var(--space-s);
        font-weight: var(--font-weight-normal)
    }

    label:has(input)+label:has(input) {
        margin-block-start: var(--flow-space, var(--spacing-s-m))
    }

    fieldset {
        padding: var(--spacing-s)
    }

    legend {
        font-weight: var(--font-weight-medium);
        padding-inline: var(--spacing-xs)
    }

    summary {
        font-weight: var(--font-weight-bold)
    }

    details[open] summary {
        margin-block-end: var(--spacing-s)
    }
}

@layer styl.compositions {
    .typeset {
        --_font-size: var(--typeset-font-size, var(--text-base));
        --_font-weight: var(--typeset-font-weight, var(--font-weight-normal));
        --_line-height: var(--typeset-line-height, var(--leading-fine));
        --_text-transform: var(--typeset-text-transform, none)
    }

    .typeset :is(.typeset-heading, h1, h2, h3, h4, h5, h6, summary) {
        font-size: var(--typeset-heading-font-size, var(--_font-size));
        font-weight: var(--typeset-heading-font-weight, var(--_font-weight));
        line-height: var(--typeset-heading-line-height, var(--_line-height));
        text-transform: var(--typeset-heading-text-transform, var(--_text-transform))
    }

    .typeset :is(p, details) {
        font-size: var(--typeset-body-font-size, var(--_font-size));
        font-weight: var(--typeset-body-font-weight, var(--_font-weight));
        line-height: var(--typeset-body-line-height, var(--_line-height));
        text-transform: var(--typeset-body-text-transform, var(--_text-transform))
    }

    .grid {
        --_gap: var(--grid-gap, var(--gutter, 1rem));
        --_min: var(--grid-min-item-size, 16rem);
        --_max: var(--grid-max-item-size, 1fr);
        --_cols: var(--grid-columns, auto-fit);
        gap: var(--_gap);
        grid-template-columns: repeat(var(--_cols), minmax(min(100%, var(--_min)), var(--_max)));
        display: grid
    }

    .grid[data-dense] {
        grid-auto-flow: dense
    }

    .grid[data-rows=equal] {
        grid-auto-rows: 1fr
    }

    .grid[data-cols="1"] {
        --grid-columns: 1
    }

    .grid[data-cols="2"] {
        --grid-columns: 2
    }

    .grid[data-cols="3"] {
        --grid-columns: 3
    }

    .grid[data-cols="4"] {
        --grid-columns: 4
    }

    @media(min-width:480px) {
        .grid[data-cols-sm="1"] {
            --grid-columns: 1
        }

        .grid[data-cols-sm="2"] {
            --grid-columns: 2
        }

        .grid[data-cols-sm="3"] {
            --grid-columns: 3
        }

        .grid[data-cols-sm="4"] {
            --grid-columns: 4
        }
    }

    @media(min-width:768px) {
        .grid[data-cols-md="1"] {
            --grid-columns: 1
        }

        .grid[data-cols-md="2"] {
            --grid-columns: 2
        }

        .grid[data-cols-md="3"] {
            --grid-columns: 3
        }

        .grid[data-cols-md="4"] {
            --grid-columns: 4
        }
    }

    @media(min-width:1024px) {
        .grid[data-cols-lg="1"] {
            --grid-columns: 1
        }

        .grid[data-cols-lg="2"] {
            --grid-columns: 2
        }

        .grid[data-cols-lg="3"] {
            --grid-columns: 3
        }

        .grid[data-cols-lg="4"] {
            --grid-columns: 4
        }
    }

    @media(min-width:1200px) {
        .grid[data-cols-xl="1"] {
            --grid-columns: 1
        }

        .grid[data-cols-xl="2"] {
            --grid-columns: 2
        }

        .grid[data-cols-xl="3"] {
            --grid-columns: 3
        }

        .grid[data-cols-xl="4"] {
            --grid-columns: 4
        }
    }

    @media(min-width:1600px) {
        .grid[data-cols-2xl="1"] {
            --grid-columns: 1
        }

        .grid[data-cols-2xl="2"] {
            --grid-columns: 2
        }

        .grid[data-cols-2xl="3"] {
            --grid-columns: 3
        }

        .grid[data-cols-2xl="4"] {
            --grid-columns: 4
        }

        .grid[data-cols-2xl="5"] {
            --grid-columns: 5
        }

        .grid[data-cols-2xl="6"] {
            --grid-columns: 6
        }
    }

    @media(min-width:1920px) {
        .grid[data-cols-3xl="1"] {
            --grid-columns: 1
        }

        .grid[data-cols-3xl="2"] {
            --grid-columns: 2
        }

        .grid[data-cols-3xl="3"] {
            --grid-columns: 3
        }

        .grid[data-cols-3xl="4"] {
            --grid-columns: 4
        }

        .grid[data-cols-3xl="5"] {
            --grid-columns: 5
        }

        .grid[data-cols-3xl="6"] {
            --grid-columns: 6
        }
    }

    .sticky-parent {
        --sticky-span: 180vh;
        min-block-size: var(--sticky-span)
    }

    .sticky-container {
        position: sticky;
        top: 0
    }

    .reveal {
        --_display: var(--reveal-display-property, block);
        --reveal-alternate: var(--reveal-alternate, false)
    }

    .reveal>* {
        display: none
    }

    .reveal>[data-revealed-default] {
        display: var(--_display)
    }

    @container style(--reveal-alternate:true) {
        .reveal>[data-revealed-default] {
            display: none
        }

        .reveal>:not([data-revealed-default]) {
            display: var(--_display)
        }
    }

    .decorated:has(>.decorator) {
        isolation: var(--decorator-isolation, isolate);
        font-size: var(--text-heading-2xl);
        position: relative
    }

    .decorated[data-decorator-isolation=auto]:has(>.decorator) {
        isolation: auto
    }

    .decorator {
        --_decorator-width: var(--decorator-width, clamp(200px, 92.31px + 19.23vw, 400px));
        --_decorator-top: var(--decorator-top, -5rem);
        --_decorator-left: var(--decorator-left, -2rem);
        --_decorator-right: var(--decorator-right, auto);
        z-index: -10;
        pointer-events: none;
        font-size: inherit;
        height: auto;
        width: var(--_decorator-width);
        max-width: 400px;
        max-height: 400px;
        top: var(--_decorator-top);
        left: var(--_decorator-left);
        right: var(--_decorator-right);
        position: absolute
    }

    .decorator svg {
        width: 100%;
        height: 100%;
        display: block
    }

    .decorator[data-decorator-reverse] {
        --_decorator-left: var(--decorator-left, auto);
        --_decorator-right: var(--decorator-right, 0)
    }

    .stack {
        isolation: isolate;
        align-items: var(--stack-align, stretch);
        justify-items: var(--stack-justify, stretch);
        grid-template-areas: "stack";
        display: grid
    }

    .stack>* {
        grid-area: stack
    }

    .stack>:first-child {
        z-index: 0
    }

    .stack>:nth-child(2) {
        z-index: 1
    }

    .stack>:nth-child(3) {
        z-index: 2
    }

    .stack>:nth-child(4) {
        z-index: 3
    }

    .stack>:nth-child(5) {
        z-index: 4
    }
}


@layer styl.blocks {
    :where(.button, .btn) {
        --_bg: var(--color-orange);
        --_color: var(--color-white);
        --_radius: 60px;
        --_font-size: var(--text-sm, var(--text-base));
        --_padding-x: var(--spacing-l);
        --_padding-y: var(--spacing-m);
        --_gutter: .5ch;
        --styl-focus-color: var(--_bg);
        gap: var(--_gutter);
        line-height: var(--leading-fine);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        background: var(--_bg);
        color: var(--_color);
        padding: var(--_padding-y)var(--_padding-x);
        border-radius: var(--_radius);
        width: 100%;
        font-family: var(--font-display);
        font-size: var(--_font-size);
        font-weight: var(--font-weight-normal, 400);
        border: none;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        transition: filter .18s, transform 80ms;
        display: inline-flex
    }

    :where(.button, .btn) .button__subtext {
        font-size: var(--text-xs);
        opacity: .85;
        line-height: .5
    }

    :where(.button, .btn):has(.button__subtext) {
        gap: var(--spacing-2xs);
        --_bg: linear-gradient(315deg, var(--color-orange-bright)0%, var(--color-orange-dark)100%);
        flex-direction: column
    }

    :where(.button, .btn) svg {
        width: 1.1em;
        height: 1.1em
    }

    :where(.button, .btn):hover {
        filter: brightness(105%)
    }

    :where(.button, .btn):active {
        transform: scale(.99)
    }

    :where(.button, .btn)[data-button-variant=inverse] {
        --_bg: var(--color-white);
        --_color: var(--color-orange)
    }

    :where(.button, .btn)[data-button-variant=dark] {
        --_bg: var(--color-black);
        --_color: var(--color-white)
    }

    @media(prefers-reduced-motion:reduce) {
        :where(.button, .btn) {
            transition: none
        }
    }

    @media(forced-colors:active) {
        :where(.button, .btn) {
            color: canvastext;
            background: canvas;
            border: 2px solid canvastext
        }
    }

    @media(min-width:768px) {
        :where(.button, .btn) {
            max-width: fit-content
        }
    }

    .card {
        --_bg: var(--surface-bg, var(--color-gray-1));
        --_title-color: var(--surface-heading-color, var(--color-black));
        --_content-color: var(--surface-color, var(--color-gray-3));
        --_border-radius: var(--surface-border-radius, 1rem);
        --_border-width: var(--surface-border-width, 0);
        --_border-color: var(--surface-border-color, transparent);
        --_padding: var(--surface-padding, 0);
        --_aspect-ratio: var(--frame-aspect-ratio, 4/3);
        --_object-fit: var(--frame-object-fit, cover);
        --_object-position: var(--frame-object-position, center);
        --_media-radius: var(--card-media-border-radius, var(--_border-radius));
        --_transition-duration: var(--card-transition-duration, .2s);
        --_transition-timing: var(--card-transition-timing, ease-out);
        --_hover-translate: var(--card-hover-translate, none);
        --_focus-outline-width: var(--card-focus-outline-width, 3px);
        --_focus-outline-color: var(--card-focus-outline-color, var(--styl-focus-color, currentColor));
        --_focus-outline-offset: var(--card-focus-outline-offset, 2px);
        background-color: var(--_bg);
        color: var(--_content-color);
        border-radius: var(--_border-radius);
        border: var(--_border-width)solid var(--_border-color);
        padding: var(--_padding);
        transition: transform var(--_transition-duration)var(--_transition-timing);
        display: block;
        position: relative;
        overflow: hidden;
        container-type: inline-size
    }

    .card__media[role=presentation] {
        border-radius: var(--_media-radius);
        background-color: var(--styl-media-placeholder-background, var(--color-gray-1));
        position: relative
    }

    .card summary {
        cursor: pointer;
        margin: 0;
        padding: 0;
        list-style: none;
        display: block
    }

    .card summary::-webkit-details-marker {
        display: none
    }

    .card svg.state-icon {
        transition: transform .2s
    }

    .card details[open] svg.state-icon {
        color: var(--_state-icon-color);
        transform: rotate(180deg)
    }

    .card__link {
        color: inherit;
        text-decoration: none
    }

    .card__link:after {
        content: "";
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .card :where(a:not(.card__link), button, input, select, textarea) {
        z-index: 2;
        position: relative
    }

    .card:focus-within {
        outline: var(--_focus-outline-width)solid var(--_focus-outline-color);
        outline-offset: var(--_focus-outline-offset)
    }

    .card:focus-within a:focus {
        outline: none
    }

    .card[data-interactive] {
        cursor: pointer
    }

    .card[data-interactive]:hover {
        transform: translateY(var(--_hover-translate))
    }

    .card[data-hover=accent]:hover,
    .card[data-hover=accent]:focus-within {
        --surface-bg: var(--color-cream);
        --surface-heading-color: var(--color-orange);
        --surface-color: #e68e0280
    }

    @supports (color:color-mix(in lab, red, red)) {

        .card[data-hover=accent]:hover,
        .card[data-hover=accent]:focus-within {
            --surface-color: color-mix(in srgb, var(--color-orange)50%, transparent)
        }
    }

    .splide__list .card {
        --card-focus-outline-offset: -4px
    }

    @media(prefers-reduced-motion:reduce) {

        .card,
        .card svg.state-icon {
            transition: none
        }

        .card[data-interactive]:hover {
            transform: none
        }
    }

    @media(forced-colors:active) {
        .card {
            border: 2px solid canvastext
        }

        .card:focus-within {
            outline: 3px solid highlight
        }
    }

    .card[data-card-intent=lesson] {
        --surface-bg: var(--color-gray-1);
        --surface-color: var(--color-black);
        --surface-padding: var(--spacing-s);
        --surface-border-radius: var(--radius-4xl);
        --surface-heading-color: var(--color-black);
        --frame-aspect-ratio: 8/10;
        --repel-vertical-alignment: start;
        --typeset-heading-font-size: var(--text-base)
    }

    .card[data-card-intent=lesson] .arrow-right {
        opacity: 0;
        visibility: hidden;
        transform: translate(calc(var(--spacing-2xs, .625rem)*-1));
        flex: none;
        transition: opacity .16s, transform .16s, visibility 0s linear .16s;
        display: inline-block
    }

    .card[data-card-intent=lesson]:hover .arrow-right,
    .card[data-card-intent=lesson]:focus-within .arrow-right {
        opacity: 1;
        visibility: visible;
        transition: opacity .16s, transform .16s, visibility;
        transform: translate(0)
    }

    @media(prefers-reduced-motion:reduce) {
        .card[data-card-intent=lesson] .arrow-right {
            transition: none;
            transform: none
        }

        .card[data-card-intent=lesson]:hover .arrow-right,
        .card[data-card-intent=lesson]:focus-within .arrow-right {
            transition: none
        }
    }

    @media(min-width:768px) {
        .card[data-card-intent=lesson] {
            --frame-aspect-ratio: 3/3;
            --typeset-heading-font-size: var(--text-md)
        }
    }

    @media(min-width:1024px) {
        .card[data-card-intent=lesson] {
            --typeset-heading-font-size: var(--text-lg)
        }
    }

    @media(min-width:1920px) {
        .card[data-card-intent=lesson] {
            --typeset-heading-font-size: 3rem
        }
    }

    .card[data-card-intent=lesson] .card__badge {
        top: var(--spacing-xs, 1rem);
        left: var(--spacing-xs, 1rem);
        z-index: 2;
        padding: var(--spacing-2xs, .5625rem)var(--spacing-xs, .875rem);
        background-color: var(--color-black);
        color: var(--color-white);
        border-radius: var(--radius-2xl, 1rem);
        font-family: var(--font-display);
        font-size: var(--text-xs, 1.25rem);
        font-weight: var(--font-weight-normal, 400);
        line-height: var(--leading-fine, 1.2);
        text-transform: uppercase;
        white-space: nowrap;
        justify-content: center;
        align-items: center;
        display: inline-flex;
        position: absolute;
        box-shadow: 0 2px 8px #00000026
    }

    .card[data-card-intent=lesson] .card__age-range {
        font-size: var(--text-base);
        color: var(--color-gray-2);
        font-weight: var(--font-weight-medium);
        line-height: var(--leading-fine)
    }

    .card[data-card-intent=learner-state] {
        --_counter-color: var(--color-gray-2);
        --_counter-bg: var(--color-white);
        --surface-heading-color: var(--color-black);
        --surface-color: var(--color-gray-3);
        --surface-bg: var(--color-gray-1);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl);
        --gutter: var(--spacing-m);
        --cluster-vertical-alignment: center;
        --typeset-heading-font-size: var(--text-lg);
        --typeset-heading-font-weight: var(--font-weight-normal);
        --typeset-heading-line-height: var(--leading-fine);
        --typeset-body-font-size: var(--text-base);
        --typeset-body-font-weight: var(--font-weight-normal);
        --typeset-body-line-height: var(--leading-fine)
    }

    .card__counter>span {
        color: var(--_counter-color);
        background: var(--_counter-bg);
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        line-height: var(--leading-flat);
        padding: var(--spacing-s) var(--spacing-xs);
        border-radius: var(--radius-2xl);
        text-align: center;
        display: none
    }

    .card[data-card-intent=learner-state]:hover {
        --_counter-color: var(--color-peach);
        --_counter-bg: var(--color-orange-bright);
        --surface-bg: var(--color-orange);
        --surface-heading-color: var(--color-white);
        --surface-color: var(--color-gray-1)
    }

    @media(min-width:1200px) {
        .card[data-card-intent=learner-state] .card__counter>span {
            display: block
        }
    }

    .card[data-card-intent=info] {
        --surface-bg: var(--color-cream);
        --surface-padding: var(--spacing-l);
        --surface-border-radius: var(--radius-4xl);
        --surface-color: var(--color-black);
        --cluster-vertical-alignment: center;
        --gutter: var(--spacing-m);
        --typeset-body-font-size: 1.8rem;
        --typeset-body-font-weight: var(--font-weight-bold);
        --typeset-body-line-height: var(--leading-normal)
    }

    .card[data-card-intent=info] .icon {
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .card[data-card-intent=feature] {
        --surface-heading-color: var(--color-black);
        --surface-color: var(--color-gray-3);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl);
        --typeset-heading-font-size: var(--text-md);
        --typeset-heading-font-weight: var(--font-weight-normal);
        --typeset-heading-line-height: var(--leading-fine)
    }

    .card[data-card-intent=feature] .card__media {
        justify-content: flex-end;
        display: flex
    }

    .card[data-card-intent=feature] .card__media img {
        object-fit: contain;
        block-size: auto;
        max-block-size: 168px;
        inline-size: min(100%, clamp(80px, 12vw, 168px));
        display: block
    }

    @media(min-width:1200px) {
        .card[data-card-intent=feature] {
            --typeset-heading-font-size: var(--text-lg);
            --typeset-body-font-size: var(--text-md)
        }
    }

    @media(min-width:1920px) {
        .card[data-card-intent=feature] {
            --typeset-heading-font-size: 3.2rem
        }
    }

    .card[data-card-intent=teacher-profile] {
        --surface-bg: var(--color-gray-1);
        --surface-color: var(--color-gray-3);
        --surface-padding: var(--spacing-xs);
        --surface-border-radius: var(--radius-4xl);
        --surface-heading-color: var(--color-black);
        --frame-aspect-ratio: 9/10;
        --typeset-heading-font-size: var(--text-base);
        --typeset-heading-line-height: var(--leading-fine);
        --typeset-body-font-size: var(--text-sm);
        --typeset-body-line-height: var(--leading-fine)
    }

    @media(min-width:768px) {
        .card[data-card-intent=teacher-profile] {
            --typeset-heading-font-size: 2.4rem
        }
    }

    @media(min-width:1024px) {
        .card[data-card-intent=teacher-profile] {
            --typeset-body-font-size: 1.8rem
        }
    }

    @media(min-width:1600px) {
        .card[data-card-intent=teacher-profile] {
            --typeset-body-font-size: 2rem
        }
    }

    @media(min-width:1920px) {
        .card[data-card-intent=teacher-profile] {
            --typeset-heading-font-size: 3.2rem
        }
    }

    .card[data-card-intent=testimonial] {
        --_blockquote-line-clamp: 6;
        --gutter: var(--spacing-s);
        --surface-bg: var(--color-gray-1);
        --surface-color: var(--color-black);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl);
        height: 100%
    }

    .card[data-card-intent=testimonial] .card__container {
        flex-direction: column;
        height: 100%;
        display: flex
    }

    .card[data-card-intent=testimonial]:not(.splide__slide .card) {
        container: testimonial/size
    }

    .card blockquote {
        font-family: inherit;
        font-size: var(--text-base);
        line-height: var(--leading-normal);
        border: 0;
        margin: 0;
        padding: 0;
        padding-block-start: var(--spacing-s)
    }

    .card:not(.splide__slide .card) blockquote {
        -webkit-line-clamp: var(--_blockquote-line-clamp);
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .card .cluster:has(blockquote) {
        --cluster-vertical-alignment: start
    }

    .card figcaption {
        margin-block-start: auto
    }

    .card figcaption p {
        font-family: var(--font-body);
        font-size: var(--text-base);
        font-weight: var(--font-weight-bold, 700);
        line-height: var(--leading-fine);
        color: var(--color-black)
    }

    .card blockquote+svg {
        color: var(--color-gold);
        order: -1
    }

    @container testimonial (min-height:300px) {
        blockquote {
            --_blockquote-line-clamp: 9
        }
    }

    @container testimonial (min-height:400px) {
        blockquote {
            --_blockquote-line-clamp: 14
        }
    }

    @container testimonial (min-height:500px) {
        blockquote {
            --_blockquote-line-clamp: 16
        }
    }

    @media(min-width:1920px) {
        .card blockquote {
            font-size: 2rem
        }
    }

    .card[data-card-intent=faq] {
        --_state-icon-color: var(--color-black);
        --surface-bg: var(--color-gray-1);
        --surface-color: var(--color-black);
        --surface-padding: var(--spacing-l);
        --surface-border-radius: var(--radius-4xl);
        --repel-vertical-alignment: center
    }

    .card[data-card-intent=faq] summary {
        font-family: var(--font-display)
    }

    .card[data-card-intent=faq] details {
        --typeset-heading-font-size: var(--text-base);
        --typeset-heading-font-weight: var(--font-weight-normal);
        --typeset-heading-line-height: var(--leading-fine);
        --typeset-body-font-size: var(--text-base);
        --typeset-body-font-weight: var(--font-weight-normal);
        --typeset-body-line-height: var(--leading-fine)
    }

    .card[data-card-intent=faq] details>:not(summary) {
        color: var(--color-gray-3);
        max-width: 90%
    }

    @media(min-width:768px) {
        .card[data-card-intent=faq] details {
            --typeset-heading-font-size: var(--text-md)
        }
    }

    @media(min-width:1920px) {
        .card[data-card-intent=faq] details {
            --typeset-heading-font-size: 3.2rem
        }
    }

    .card[data-card-intent=facebook-post] {
        --surface-bg: var(--color-gray-1);
        --surface-color: var(--color-black);
        --surface-padding: var(--spacing-l);
        --surface-border-radius: var(--radius-4xl);
        --surface-link-hover-color: var(--color-orange);
        --gutter: var(--spacing-m);
        --frame-aspect-ratio: 56/46
    }

    .card[data-card-intent=facebook-post] .card__action {
        font-size: var(--text-sm)
    }

    .card[data-card-intent=facebook-post] .card__content {
        font-size: var(--text-base);
        white-space: pre-line;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        min-height: 12rem;
        line-height: 1.2;
        display: -webkit-box;
        overflow: hidden
    }

    .card[data-card-intent=facebook-post] .repel>.cluster:first-child {
        background: var(--color-white);
        padding: var(--spacing-xs);
        border-radius: var(--radius-2xl)
    }

    .card[data-card-intent=facebook-post] .cluster>span.cluster {
        --gutter: var(--spacing-xs)
    }

    .splide {
        width: 100%
    }

    .splide__slide {
        align-items: start;
        height: auto
    }

    .splide__arrow {
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        opacity: 1;
        background: #f4f4f466;
        border: 1px solid #f4f4f466;
        border-radius: 999px;
        width: 3.6rem;
        height: 3.6rem;
        box-shadow: 0 6px 18px #17222b1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .splide__arrow {
            box-shadow: 0 6px 18px color-mix(in srgb, var(--color-black)12%, transparent)
        }
    }

    .splide__arrow svg {
        width: 1.6rem;
        height: 1.6rem
    }

    .splide__arrow svg,
    .splide__arrow svg * {
        fill: var(--color-orange) !important;
        stroke: var(--color-orange) !important
    }

    .splide__arrow:disabled {
        opacity: .35
    }

    .splide__arrow:hover {
        background: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .splide__arrow:hover {
            background: color-mix(in srgb, var(--color-white)70%, transparent)
        }
    }

    .splide__arrow--prev {
        left: 1rem
    }

    .splide__arrow--next {
        right: 1rem
    }

    @media(min-width:768px) {
        .splide__arrow--prev {
            left: 2rem
        }

        .splide__arrow--next {
            right: 2rem
        }
    }

    @media(min-width:1024px) {
        .splide__arrow--prev {
            left: 3rem
        }

        .splide__arrow--next {
            right: 3rem
        }
    }

    .hero {
        --_height: 500px;
        --surface-color: var(--color-white);
        --surface-link-color: var(--color-orange);
        --hero-decoration-1-url: url("data:image/svg+xml,%3csvg%20width='201'%20height='128'%20viewBox='0%200%20201%20128'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M139.147%200C124.512%200%20111.086%205.25676%20100.495%2013.9978C89.9041%205.25734%2076.4784%200%2061.8433%200C27.6888%200%200%2028.4793%200%2063.6102C0%2098.7412%2027.6882%20127.22%2061.8433%20127.22C76.4784%20127.22%2089.9047%20121.964%20100.495%20113.223C111.086%20121.964%20124.512%20127.22%20139.147%20127.22C173.302%20127.22%20200.99%2098.7412%20200.99%2063.6102C200.99%2028.4793%20173.302%200%20139.147%200Z'%20fill='white'%20fill-opacity='0.1'/%3e%3c/svg%3e");
        --hero-decoration-2-url: url("data:image/svg+xml,%3csvg%20width='146'%20height='165'%20viewBox='0%200%20146%20165'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M124.394%2083.3944C119.33%2074.6232%20111.534%2068.3958%20102.631%2065.073C104.204%2055.701%20102.71%2045.8354%2097.6455%2037.0643C85.8274%2016.5946%2059.1781%209.85442%2038.1232%2022.0105C17.0684%2034.1665%209.58069%2060.6152%2021.3991%2081.0852C26.4631%2089.8564%2034.2594%2096.0841%2043.1628%2099.4069C41.5886%20108.779%2043.0837%20118.644%2048.1478%20127.415C59.9661%20147.885%2086.6152%20154.625%20107.67%20142.469C128.725%20130.313%20136.213%20103.864%20124.394%2083.3944Z'%20fill='white'%20fill-opacity='0.1'/%3e%3c/svg%3e");
        --hero-decoration-3-url: url("data:image/svg+xml,%3csvg%20width='143'%20height='139'%20viewBox='0%200%20143%20139'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M142.404%200V69.4183C102.914%2069.4183%2071.0028%20100.443%2071.0028%20138.837H0C0%2062.0499%2063.8227%200%20142.404%200Z'%20fill='white'%20fill-opacity='0.1'/%3e%3c/svg%3e");
        --hero-decoration-4-url: url("data:image/svg+xml,%3csvg%20width='192'%20height='187'%20viewBox='0%200%20192%20187'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M169.064%2093.3979C225.897%20163.203%20167.736%20219.791%2095.9922%20164.494C24.2476%20219.791%20-33.9123%20163.203%2022.9209%2093.3979C-33.9123%2023.5923%2024.2482%20-32.9957%2095.9922%2022.3015C167.737%20-32.9957%20225.897%2023.5928%20169.064%2093.3979Z'%20fill='white'%20fill-opacity='0.1'/%3e%3c/svg%3e");
        --hero-decoration-5-url: url("data:image/svg+xml,%3csvg%20width='233'%20height='131'%20viewBox='0%200%20233%20131'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M232.137%200H181.786C145.821%200%20115.741%2028.6305%20115.741%2064.2595C115.741%2028.6305%2086.3156%200%2050.3507%200H0V17.1783C0%2079.5291%2052.3125%20130.428%20116.395%20130.428C180.478%20130.428%20232.79%2079.5291%20232.79%2017.1783L232.137%200Z'%20fill='white'%20fill-opacity='0.1'/%3e%3c/svg%3e");
        --hero-decoration-1-ar: 201/128;
        --hero-decoration-2-ar: 146/165;
        --hero-decoration-3-ar: 143/139;
        --hero-decoration-4-ar: 192/187;
        --hero-decoration-5-ar: 233/131;
        background: radial-gradient(73.91% 86.95% at 76.8% 52.78%, var(--color-orange-bright)0%, var(--color-orange-dark)100%);
        min-height: var(--_height);
        padding: var(--spacing-4xl)0 var(--spacing-xl)0;
        border-end-end-radius: var(--radius-8xl);
        border-end-start-radius: var(--radius-8xl);
        place-content: center;
        container: hero/inline-size
    }

    .hero__container {
        --hero-main-image-width: clamp(var(--hero-main-image-width-min), 40cqi, var(--hero-main-image-width-max));
        --hero-supporting-track: minmax(var(--hero-supporting-images-column-width, auto), clamp(145px, var(--hero-supporting-track-width-growth, 30%), var(--hero-supporting-track-width-max, 300px)));
        --hero-main-track: minmax(var(--hero-main-image-column-width, auto), var(--hero-main-image-width));
        grid-template-areas: "content content" "image-small image-main" "image-medium image-main";
        grid-template-columns: var(--hero-supporting-track)var(--hero-main-track);
        justify-content: space-between;
        gap: var(--hero-gap-vertical, var(--spacing-xl))var(--hero-gap-horizontal, 0);
        grid-template-rows: repeat(3, auto);
        display: grid
    }

    .hero__media {
        display: contents
    }

    .hero__content {
        --center-max-width: 40ch;
        text-align: center;
        grid-area: content;
        position: relative
    }

    .hero__content p {
        font-size: var(--text-base);
        line-height: var(--leading-fine);
        max-width: 44ch
    }

    .hero__content p+p {
        margin-block-start: var(--spacing-2xs)
    }

    .hero__content a:not([class]) {
        padding: var(--spacing-s)var(--spacing-m);
        background-color: var(--surface-color);
        border-radius: var(--radius-4xl);
        min-width: 100%;
        text-decoration: none
    }

    .hero__circle {
        --frame-aspect-ratio: 1;
        aspect-ratio: 1;
        isolation: isolate;
        border-radius: 50%;
        position: relative
    }

    .hero__circleFrame {
        border-radius: inherit;
        block-size: 100%;
        inline-size: 100%;
        overflow: hidden
    }

    .hero__circle[data-hero-image=main] {
        grid-area: image-main;
        align-self: end;
        min-width: 100%
    }

    .hero__circle[data-hero-image=small] {
        width: var(--hero-small-image-width, clamp(var(--hero-small-image-width-min), 15vw, var(--hero-small-image-width-max)));
        grid-area: image-small;
        justify-self: end
    }

    .hero__circle[data-hero-image=medium] {
        width: var(--hero-medium-image-width, clamp(var(--hero-medium-image-width-min), 15vw, var(--hero-medium-image-width-max)));
        grid-area: image-medium;
        place-self: end start
    }

    .hero__content:before,
    .hero__circle:before,
    .hero__circle[data-hero-image=small]:after,
    .hero__circle[data-hero-image=medium]:after,
    .hero__circle[data-hero-image=main]:after {
        --_aspect-ratio: var(--hero-deco-ar, 1);
        --_inline-size: var(--hero-deco-inline-size, 0px);
        --_inset-block-start: var(--hero-deco-inset-block-start, auto);
        --_inset-inline-end: var(--hero-deco-inset-inline-end, auto);
        --_inset-block-end: var(--hero-deco-inset-block-end, auto);
        --_inset-inline-start: var(--hero-deco-inset-inline-start, auto);
        --_background-image: var(--hero-deco-url, none);
        content: "";
        pointer-events: none;
        z-index: -1;
        aspect-ratio: var(--_aspect-ratio);
        inline-size: var(--_inline-size);
        background: 50%/contain no-repeat;
        background-image: var(--_background-image);
        position: absolute;
        inset-block-start: var(--_inset-block-start);
        inset-block-end: var(--_inset-block-end);
        inset-inline-start: var(--_inset-inline-start);
        inset-inline-end: var(--_inset-inline-end)
    }

    @container hero (max-inline-size:600px) {
        .hero__content p {
            max-width: 30ch
        }
    }

    @container hero (min-inline-size:1024px) {
        .hero__container {
            grid-template-areas: "image-small image-medium image-main" "content content image-main";
            grid-template-columns: 1fr var(--hero-supporting-track)var(--hero-main-track);
            grid-template-rows: repeat(2, auto)
        }

        .hero__content {
            align-items: unset;
            text-align: left;
            place-self: center start
        }

        .hero__content.center[data-layout=intrinsic] {
            --center-max-width: none;
            box-sizing: border-box;
            align-items: flex-start;
            margin-inline: 0;
            padding-inline: 0
        }
    }

    @container hero (max-inline-size:480px) {
        .hero__content p {
            max-width: 30ch
        }
    }

    @container hero (min-inline-size:1600px) {
        .hero__content p {
            font-size: var(--text-md)
        }
    }

    @container hero (min-inline-size:1920px) {
        .hero__content p {
            font-size: 3.2rem
        }
    }

    .hero[data-hero-preset=featured] {
        --hero-main-image-width-min: 320px;
        --hero-main-image-width-max: 440px;
        --hero-small-image-width-min: 100px;
        --hero-small-image-width-max: 120px;
        --hero-medium-image-width-min: 120px;
        --hero-medium-image-width-max: 160px
    }

    .hero[data-hero-preset=featured] .hero__circle[data-hero-image=small]:before {
        --hero-deco-url: var(--hero-decoration-3-url);
        --hero-deco-ar: var(--hero-decoration-3-ar);
        --hero-deco-inline-size: clamp(93px, 60%, 191px);
        --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-.2);
        --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*.2)
    }

    .hero[data-hero-preset=featured] .hero__circle[data-hero-image=small]:after {
        --hero-deco-url: var(--hero-decoration-4-url);
        --hero-deco-ar: var(--hero-decoration-4-ar);
        --hero-deco-inline-size: clamp(93px, 60%, 191px);
        --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*.1);
        --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*2)
    }

    .hero[data-hero-preset=featured] .hero__circle[data-hero-image=medium]:before {
        --hero-deco-url: var(--hero-decoration-2-url);
        --hero-deco-ar: var(--hero-decoration-2-ar);
        --hero-deco-inline-size: clamp(93px, 70%, 191px);
        --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*1.2);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*.5)
    }

    .hero[data-hero-preset=featured] .hero__circle[data-hero-image=main]:before {
        --hero-deco-url: var(--hero-decoration-5-url);
        --hero-deco-ar: var(--hero-decoration-5-ar);
        --hero-deco-inline-size: clamp(110px, 32%, 230px);
        --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*.21);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*-.11)
    }

    @container hero (min-inline-size:480px) {
        .hero[data-hero-preset=featured] .hero__container {
            --hero-supporting-images-column-width: var(--hero-medium-image-width-min);
            --hero-main-image-column-width: var(--hero-main-image-width-min);
            --hero-main-image-width: clamp(var(--hero-main-image-width-min), calc(120px + 31.25vw), var(--hero-main-image-width-max));
            --hero-small-image-width: clamp(var(--hero-small-image-width-min), calc(66.6667px + 6.9444vw), var(--hero-small-image-width-max));
            --hero-medium-image-width: clamp(var(--hero-medium-image-width-min), calc(53.3333px + 13.8889vw), var(--hero-medium-image-width-max))
        }
    }

    @container hero (min-inline-size:768px) {
        .hero[data-hero-preset=featured] .hero__container {
            --hero-supporting-track-width-growth: calc(35% + 5cqi);
            --hero-supporting-track-width-max: 400px;
            --hero-gap-horizontal: var(--spacing-4xl)
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=medium] {
            place-self: start center
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=main]:after {
            --hero-deco-url: var(--hero-decoration-1-url);
            --hero-deco-ar: var(--hero-decoration-1-ar);
            --hero-deco-inline-size: clamp(100px, calc(100%*.28), 200px);
            --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*.125);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-.175)
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=medium]:before {
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*1.2)
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=small]:before {
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-.9);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-.9)
        }
    }

    @container hero (min-inline-size:1024px) {
        .hero[data-hero-preset=featured] .hero__container {
            --hero-small-medium-gap: var(--spacing-2xl);
            --hero-supporting-track: minmax(calc(var(--hero-medium-image-width) + var(--hero-small-medium-gap)), calc(var(--hero-medium-image-width) + var(--hero-small-medium-gap)));
            grid-template-columns: minmax(var(--hero-small-image-width), 1fr)var(--hero-supporting-track)var(--hero-main-track)
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=medium] {
            place-self: start end
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=small] {
            align-self: end
        }

        .hero[data-hero-preset=featured] .hero__container {
            --hero-main-image-width-min: 440px;
            --hero-main-image-width-max: 875px;
            --hero-gap-horizontal: 0;
            --hero-gap-vertical: var(--spacing-l);
            --hero-main-image-width: clamp(var(--hero-main-image-width-min), min(calc(50cqi - 80px), calc(48.4375cqi - 55px)), var(--hero-main-image-width-max))
        }

        .hero[data-hero-preset=featured] .hero__content:before {
            --hero-deco-url: var(--hero-decoration-2-url);
            --hero-deco-ar: var(--hero-decoration-2-ar);
            --hero-deco-inline-size: clamp(66px, 8cqi, 140px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-1.45);
            z-index: 1
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=small]:after {
            display: none
        }

        .hero[data-hero-preset=featured] .hero__circle[data-hero-image=medium]:before {
            --hero-deco-url: var(--hero-decoration-4-url);
            --hero-deco-ar: var(--hero-decoration-4-ar);
            --hero-deco-inline-size: clamp(93px, 70%, 191px);
            --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*-.65);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*.23)
        }
    }

    @container hero (min-inline-size:1600px) {
        .hero[data-hero-preset=featured] .hero__container {
            --hero-small-image-width-min: 200px;
            --hero-small-image-width-max: 240px;
            --hero-medium-image-width-min: 240px;
            --hero-medium-image-width-max: 300px;
            --hero-medium-image-width: clamp(var(--hero-medium-image-width-min), calc(18.75cqi - 60px), var(--hero-medium-image-width-max));
            --hero-small-image-width: clamp(var(--hero-small-image-width-min), 12.5cqi, var(--hero-small-image-width-max))
        }
    }

    .hero[data-hero-preset=main-left] {
        --hero-main-image-width-min: 240px;
        --hero-main-image-width-max: 440px;
        --hero-small-image-width-min: 100px;
        --hero-small-image-width-max: 140px;
        --hero-medium-image-width-min: 160px;
        --hero-medium-image-width-max: 200px;
        --hero-gap-vertical: var(--spacing-l)
    }

    .hero[data-hero-preset=main-left] .hero__container {
        grid-template-columns: var(--hero-main-track)var(--hero-supporting-track);
        grid-template-areas: "content content" "image-main image-medium" "image-main image-small"
    }

    @container hero (min-inline-size:480px) {
        .hero[data-hero-preset=main-left] .hero__container {
            --hero-supporting-images-column-width: var(--hero-medium-image-width-min);
            --hero-main-image-column-width: var(--hero-main-image-width-min);
            --hero-main-image-width: clamp(var(--hero-main-image-width-min), calc(40px + 41.6667vw), var(--hero-main-image-width-max));
            --hero-small-image-width: clamp(var(--hero-small-image-width-min), calc(33.3333px + 13.8889vw), var(--hero-small-image-width-max));
            --hero-medium-image-width: clamp(var(--hero-medium-image-width-min), calc(93.3333px + 13.8889vw), var(--hero-medium-image-width-max))
        }
    }

    @container hero (min-inline-size:768px) {
        .hero[data-hero-preset=main-left] .hero__container {
            --hero-supporting-track-width-growth: calc(45% + 5cqi);
            --hero-supporting-track-width-max: 430px;
            --hero-gap-horizontal: var(--spacing-4xl);
            grid-template-areas: "content content" "image-main image-small" "image-main image-medium"
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=medium] {
            justify-self: start
        }
    }

    @container hero (min-inline-size:1024px) {
        .hero[data-hero-preset=main-left] .hero__container {
            --hero-small-medium-gap: var(--spacing-2xl);
            --hero-supporting-track: minmax(calc(var(--hero-medium-image-width) + var(--hero-small-medium-gap)), calc(var(--hero-medium-image-width) + var(--hero-small-medium-gap)));
            grid-template-areas: "image-medium image-small image-main" "content content image-main";
            grid-template-columns: minmax(var(--hero-small-image-width), 1fr)var(--hero-supporting-track)var(--hero-main-track)
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=medium] {
            place-self: start end
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=small] {
            place-self: end center
        }

        .hero[data-hero-preset=main-left] .hero__container {
            --hero-main-image-width-min: 440px;
            --hero-main-image-width-max: 540px;
            --hero-small-image-width-min: 100px;
            --hero-small-image-width-max: 160px;
            --hero-medium-image-width-min: 160px;
            --hero-medium-image-width-max: 280px;
            --hero-gap-horizontal: 0;
            --hero-gap-vertical: var(--spacing-l);
            --hero-main-image-width: clamp(var(--hero-main-image-width-min), min(calc(50cqi - 80px), calc(48.4375cqi - 55px)), var(--hero-main-image-width-max));
            --hero-small-image-width: clamp(var(--hero-small-image-width-min), calc(31.4286px + 6.6964vw), var(--hero-small-image-width-max));
            --hero-medium-image-width: clamp(var(--hero-medium-image-width-min), calc(22.8571px + 13.3929vw), var(--hero-medium-image-width-max))
        }

        .hero[data-hero-preset=main-left] .hero__content {
            align-self: end
        }
    }

    @container hero (min-inline-size:1600px) {
        .hero[data-hero-preset=main-left] .hero__container {
            grid-template-areas: "content image-small image-main" "content image-medium image-main";
            grid-template-columns: 1fr calc(var(--hero-medium-image-width) + var(--spacing-4xl))var(--hero-main-track)
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=medium] {
            place-self: end start
        }
    }

    .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=main]:before {
        --hero-deco-url: var(--hero-decoration-2-url);
        --hero-deco-ar: var(--hero-decoration-2-ar);
        --hero-deco-inline-size: clamp(93px, 25%, 191px);
        --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*2);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*1.7)
    }

    .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=medium]:before {
        --hero-deco-url: var(--hero-decoration-4-url);
        --hero-deco-ar: var(--hero-decoration-4-ar);
        --hero-deco-inline-size: clamp(60px, 40%, 100px);
        --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*.1);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*2.5)
    }

    .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=medium]:after {
        --hero-deco-url: var(--hero-decoration-5-url);
        --hero-deco-ar: var(--hero-decoration-5-ar);
        --hero-deco-inline-size: clamp(90px, calc(100%*.58), 120px);
        --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*1.31);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*0)
    }

    @container hero (min-inline-size:768px) {
        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=small]:before {
            --hero-deco-url: var(--hero-decoration-3-url);
            --hero-deco-ar: var(--hero-decoration-3-ar);
            --hero-deco-inline-size: clamp(70px, 70%, 90px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-1.2);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-.8)
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=small]:after {
            --hero-deco-url: var(--hero-decoration-1-url);
            --hero-deco-ar: var(--hero-decoration-1-ar);
            --hero-deco-inline-size: clamp(80px, 70%, 100px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-1.9);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*3.5)
        }
    }

    @container hero (min-inline-size:1024px) {
        .hero[data-hero-preset=main-left] .hero__content:before {
            --hero-deco-url: var(--hero-decoration-2-url);
            --hero-deco-ar: var(--hero-decoration-2-ar);
            --hero-deco-inline-size: clamp(90px, 40%, 120px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-.1);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*.5);
            z-index: 1
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=main]:before {
            --hero-deco-url: var(--hero-decoration-4-url);
            --hero-deco-ar: var(--hero-decoration-4-ar);
            --hero-deco-inline-size: clamp(110px, 50%, 130px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*1.3);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-.6)
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=main]:after {
            --hero-deco-url: var(--hero-decoration-5-url);
            --hero-deco-ar: var(--hero-decoration-5-ar);
            --hero-deco-inline-size: clamp(120px, 50%, 160px);
            --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*.2);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*0)
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=small]:before,
        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=small]:after {
            display: none
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=medium]:before {
            --hero-deco-url: var(--hero-decoration-3-url);
            --hero-deco-ar: var(--hero-decoration-3-ar);
            --hero-deco-inline-size: clamp(90px, 50%, 120px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*.5);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*1.8)
        }

        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=medium]:after {
            display: none
        }
    }

    @container hero (min-inline-size:1600px) {
        .hero[data-hero-preset=main-left] .hero__circle[data-hero-image=small]:before {
            --hero-deco-url: var(--hero-decoration-1-url);
            --hero-deco-ar: var(--hero-decoration-1-ar);
            --hero-deco-inline-size: clamp(100px, 50%, 140px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*1.5);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-3.5);
            display: block
        }
    }

    .hero[data-hero-preset=main-right] {
        --hero-main-image-width-min: 260px;
        --hero-main-image-width-max: 440px;
        --hero-small-image-width-min: 120px;
        --hero-small-image-width-max: 160px;
        --hero-medium-image-width-min: 160px;
        --hero-medium-image-width-max: 200px
    }

    .hero[data-hero-preset=main-right] .hero__container {
        grid-template-areas: "content content" "image-medium image-main" "image-small image-main"
    }

    @container hero (min-inline-size:480px) {
        .hero[data-hero-preset=main-right] .hero__container {
            --hero-supporting-images-column-width: var(--hero-medium-image-width-min);
            --hero-main-image-column-width: var(--hero-main-image-width-min);
            --hero-main-image-width: clamp(var(--hero-main-image-width-min), calc(93.3333px + 34.7222vw), var(--hero-main-image-width-max));
            --hero-small-image-width: clamp(var(--hero-small-image-width-min), calc(53.3333px + 13.8889vw), var(--hero-small-image-width-max));
            --hero-medium-image-width: clamp(var(--hero-medium-image-width-min), calc(93.3333px + 13.8889vw), var(--hero-medium-image-width-max))
        }
    }

    @container hero (min-inline-size:768px) {
        .hero[data-hero-preset=main-right] .hero__container {
            --hero-supporting-track-width-growth: calc(45% + 5cqi);
            --hero-supporting-track-width-max: 430px;
            --hero-gap-horizontal: var(--spacing-4xl)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium] {
            justify-self: center
        }
    }

    @container hero (min-inline-size:1024px) {
        .hero[data-hero-preset=main-right] .hero__container {
            --hero-main-image-width-min: 440px;
            --hero-main-image-width-max: 540px;
            --hero-gap-horizontal: 0;
            --hero-gap-vertical: var(--spacing-l);
            --hero-main-image-width: clamp(var(--hero-main-image-width-min), min(calc(50cqi - 80px), calc(48.4375cqi - 55px)), var(--hero-main-image-width-max));
            grid-template-areas: "content image-medium image-main" "content image-small image-main";
            grid-template-columns: 1fr var(--hero-medium-image-width)var(--hero-main-track)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium] {
            align-self: start
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=small],
        .hero[data-hero-preset=main-right] .hero__content {
            align-self: end
        }
    }

    @container hero (min-inline-size:1200px) {
        .hero[data-hero-preset=main-right] .hero__container {
            grid-template-columns: 1fr calc(var(--hero-medium-image-width) + var(--spacing-4xl))var(--hero-main-track)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium] {
            justify-self: start
        }
    }

    @container hero (min-inline-size:1600px) {
        .hero[data-hero-preset=main-right] .hero__container {
            --hero-medium-image-width-min: 240px;
            --hero-medium-image-width-max: 300px;
            --hero-small-image-width-min: 200px;
            --hero-small-image-width-max: 240px;
            --hero-medium-image-width: clamp(var(--hero-medium-image-width-min), calc(18.75vw - 60px), var(--hero-medium-image-width-max));
            --hero-small-image-width: clamp(var(--hero-small-image-width-min), 12.5vw, var(--hero-small-image-width-max))
        }
    }

    .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=main]:before {
        --hero-deco-url: var(--hero-decoration-2-url);
        --hero-deco-ar: var(--hero-decoration-2-ar);
        --hero-deco-inline-size: clamp(93px, 25%, 191px);
        --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*2.5);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*.7)
    }

    .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium]:before {
        --hero-deco-url: var(--hero-decoration-4-url);
        --hero-deco-ar: var(--hero-decoration-4-ar);
        --hero-deco-inline-size: clamp(60px, 40%, 100px);
        --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-3);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*-.5)
    }

    .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium]:after {
        --hero-deco-url: var(--hero-decoration-5-url);
        --hero-deco-ar: var(--hero-decoration-5-ar);
        --hero-deco-inline-size: clamp(90px, calc(100%*.58), 120px);
        --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*1.31);
        --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*0)
    }

    @container hero (min-inline-size:768px) {
        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=small]:before {
            --hero-deco-url: var(--hero-decoration-3-url);
            --hero-deco-ar: var(--hero-decoration-3-ar);
            --hero-deco-inline-size: clamp(70px, 70%, 90px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-.2);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-.8)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=small]:after {
            --hero-deco-url: var(--hero-decoration-1-url);
            --hero-deco-ar: var(--hero-decoration-1-ar);
            --hero-deco-inline-size: clamp(80px, 70%, 100px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-1.9);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*2.5)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium]:after {
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*1.31);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*-1)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=main]:before {
            --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*3.5);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*.7)
        }
    }

    @container hero (min-inline-size:1024px) {
        .hero[data-hero-preset=main-right] .hero__content:before {
            --hero-deco-url: var(--hero-decoration-2-url);
            --hero-deco-ar: var(--hero-decoration-2-ar);
            --hero-deco-inline-size: clamp(90px, 40%, 120px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*-.1);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*.5);
            z-index: 1
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=main]:before {
            --hero-deco-url: var(--hero-decoration-4-url);
            --hero-deco-ar: var(--hero-decoration-4-ar);
            --hero-deco-inline-size: clamp(110px, 50%, 130px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*1.3);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-.6)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=main]:after {
            --hero-deco-url: var(--hero-decoration-5-url);
            --hero-deco-ar: var(--hero-decoration-5-ar);
            --hero-deco-inline-size: clamp(120px, 50%, 160px);
            --hero-deco-inset-block-end: calc(var(--hero-deco-inline-size)*.2);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*0)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=small]:before,
        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=small]:after {
            display: none
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium]:before {
            --hero-deco-url: var(--hero-decoration-3-url);
            --hero-deco-ar: var(--hero-decoration-3-ar);
            --hero-deco-inline-size: clamp(90px, 50%, 120px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*.5);
            --hero-deco-inset-inline-end: calc(var(--hero-deco-inline-size)*1.8)
        }

        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=medium]:after {
            display: none
        }
    }

    @container hero (min-inline-size:1600px) {
        .hero[data-hero-preset=main-right] .hero__circle[data-hero-image=small]:before {
            --hero-deco-url: var(--hero-decoration-1-url);
            --hero-deco-ar: var(--hero-decoration-1-ar);
            --hero-deco-inline-size: clamp(100px, 50%, 140px);
            --hero-deco-inset-block-start: calc(var(--hero-deco-inline-size)*1.5);
            --hero-deco-inset-inline-start: calc(var(--hero-deco-inline-size)*-3.5);
            display: block
        }
    }

    .page-hero {
        --surface-color: var(--color-white);
        --surface-link-color: var(--color-orange);
        --deco-1-url: url("data:image/svg+xml,%3csvg%20width='146'%20height='165'%20viewBox='0%200%20146%20165'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M124.394%2083.3944C119.33%2074.6232%20111.534%2068.3958%20102.631%2065.073C104.204%2055.701%20102.71%2045.8354%2097.6455%2037.0643C85.8274%2016.5946%2059.1781%209.85442%2038.1232%2022.0105C17.0684%2034.1665%209.58069%2060.6152%2021.3991%2081.0852C26.4631%2089.8564%2034.2594%2096.0841%2043.1628%2099.4069C41.5886%20108.779%2043.0837%20118.644%2048.1478%20127.415C59.9661%20147.885%2086.6152%20154.625%20107.67%20142.469C128.725%20130.313%20136.213%20103.864%20124.394%2083.3944Z'%20fill='white'%20fill-opacity='0.1'/%3e%3c/svg%3e");
        --deco-2-url: url("data:image/svg+xml,%3csvg%20width='192'%20height='187'%20viewBox='0%200%20192%20187'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M169.064%2093.3979C225.897%20163.203%20167.736%20219.791%2095.9922%20164.494C24.2476%20219.791%20-33.9123%20163.203%2022.9209%2093.3979C-33.9123%2023.5923%2024.2482%20-32.9957%2095.9922%2022.3015C167.737%20-32.9957%20225.897%2023.5928%20169.064%2093.3979Z'%20fill='white'%20fill-opacity='0.1'/%3e%3c/svg%3e");
        --deco-1-ar: 146/165;
        --deco-2-ar: 192/187;
        background: radial-gradient(73.91% 86.95% at 76.8% 52.78%, var(--color-orange-bright)0%, var(--color-orange-dark)100%);
        padding-block: var(--spacing-4xl) var(--spacing-s);
        border-end-end-radius: var(--radius-8xl);
        border-end-start-radius: var(--radius-8xl);
        position: relative;
        overflow: hidden;
        container: page-hero/inline-size
    }

    .page-hero__container {
        z-index: 1;
        position: relative
    }

    .page-hero__content {
        text-align: center;
        padding-block: var(--spacing-m);
        justify-content: end;
        min-height: 30svh;
    }

    .page-hero__content h1 {
        text-transform: uppercase
    }

    .page-hero__decorations {
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden
    }

    .page-hero__deco {
        opacity: .85;
        background: 50%/contain no-repeat;
        position: absolute
    }

    .page-hero__deco[data-deco="1"] {
        --_size: clamp(60px, 12cqi, 140px);
        background-image: var(--deco-1-url);
        aspect-ratio: var(--deco-1-ar);
        inline-size: var(--_size);
        inset-block-start: 10%;
        inset-inline-start: 5%
    }

    .page-hero__deco[data-deco="2"] {
        --_size: clamp(70px, 14cqi, 160px);
        background-image: var(--deco-2-url);
        aspect-ratio: var(--deco-2-ar);
        inline-size: var(--_size);
        inset-block-end: 5%;
        inset-inline-end: 8%
    }

    @container page-hero not (min-inline-size:480px) {
        .page-hero__deco[data-deco="1"] {
            display: none
        }

        .page-hero__deco[data-deco="2"] {
            --_size: 80px;
            opacity: .5;
            inset-block-end: -10%;
            inset-inline-end: -5%
        }
    }

    @container page-hero (min-inline-size:768px) {
        .page-hero {
            padding-block: var(--spacing-2xl)
        }

        .page-hero__content {
            padding-block: var(--spacing-l)
        }

        .page-hero__deco[data-deco="1"] {
            inset-inline-start: 8%
        }

        .page-hero__deco[data-deco="2"] {
            inset-inline-end: 10%
        }
    }

    @container page-hero (min-inline-size:1024px) {
        .page-hero__deco[data-deco="1"] {
            inset-block-start: 5%;
            inset-inline-start: 12%
        }

        .page-hero__deco[data-deco="2"] {
            inset-block-end: 0;
            inset-inline-end: 15%
        }
    }

    .banner {
        --_gradient: linear-gradient(180deg, #ea5b0c99 0%, #ea5b0c00 46.82%);
        --_height-base: max(clamp(540px, calc(700px - 20.8333vw), 600px), clamp(540px, calc(190.909px + 34.0909vw), 600px));
        --_height: calc(var(--_height-base) + clamp(0px, calc((100vw - 1200px)*.3), 120px) + clamp(0px, calc((100vw - 1600px)*.266667), 80px));
        --_media-position-x: 50%;
        --_media-position-y: 38%;
        --center-max-width: 100ch;
        --surface-color: var(--color-white);
        --surface-border-radius: var(--radius-8xl);
        block-size: var(--_height);
        overflow: hidden;
        container: banner/inline-size
    }

    .banner__container {
        block-size: 100%
    }

    .banner__media {
        overflow: hidden
    }

    .banner__media img {
        object-fit: cover;
        object-position: var(--_media-position-x)var(--_media-position-y);
        block-size: 100%;
        inline-size: 100%;
        display: block
    }

    .banner__gradient {
        pointer-events: none;
        background: var(--_gradient)
    }

    .banner__content {
        --heading-max-width: none;
        --center-max-width: 49ch;
        padding: var(--spacing-xl)var(--spacing-l);
        text-align: center
    }

    @media(min-width:1024px) {
        .banner {
            --_media-position-y: 50%
        }
    }

    .feedback__carousel {
        display: block
    }

    .feedback-grid {
        display: none
    }

    .feedback-grid__image {
        --frame-aspect-ratio: 16/9
    }

    .feedback-grid__image img {
        border-radius: var(--radius-4xl)
    }

    .feedback-grid__card {
        height: 100%
    }

    .feedback-slide {
        flex-direction: column;
        width: 100%;
        min-height: 400px;
        display: flex
    }

    .feedback__carousel .feedback-grid__card {
        min-height: inherit;
        flex-grow: 1;
        height: 100%
    }

    .feedback-grid .feedback-grid__card:nth-child(3) {
        grid-area: card-a
    }

    .feedback-grid .feedback-grid__card:nth-child(4) {
        grid-area: card-b
    }

    .feedback-grid .feedback-grid__card:nth-child(5) {
        grid-area: card-c
    }

    .feedback-grid .feedback-grid__card:nth-child(6) {
        grid-area: card-d
    }

    @media(min-width:768px) {
        .feedback__carousel {
            display: none
        }

        .feedback-grid {
            gap: var(--spacing-m);
            grid-template-rows: repeat(3, 1fr);
            grid-template-columns: 1fr 1fr;
            grid-template-areas: "card-a card-b" "card-c card-d" "image-a image-a";
            align-items: stretch;
            display: grid
        }

        .feedback-grid__image {
            --frame-aspect-ratio: 16/12
        }

        .feedback-grid__image:first-child {
            grid-area: image-a;
            display: block
        }

        .feedback-grid__image:nth-child(2) {
            display: none
        }
    }

    @media(min-width:1024px) {
        .feedback-grid {
            gap: var(--spacing-s);
            grid-template-rows: repeat(2, 1fr);
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-areas: "card-a card-b card-c" "card-d image-a image-a";
            align-items: stretch
        }

        .feedback-grid__image:first-child {
            grid-area: image-a;
            display: block
        }

        .feedback-grid__image:nth-child(2) {
            display: none
        }
    }

    @media(min-width:1200px) {
        .feedback-grid {
            grid-template-rows: repeat(2, 1fr);
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-areas: "image-b card-a card-b" "card-c card-d image-a";
            align-items: stretch
        }

        .feedback-grid__image {
            --frame-aspect-ratio: 16/16
        }

        .feedback-grid__image:first-child {
            grid-area: image-a;
            display: block
        }

        .feedback-grid__image:nth-child(2) {
            grid-area: image-b;
            display: block
        }
    }

    .lesson-format-selector {
        --_color: var(--color-gray-2);
        --_background: var(--color-gray-1);
        --_color-active: var(--color-black);
        --_background-active: var(--color-white);
        --_border: var(--color-gray-2);
        --_border-active: var(--color-orange);
        --tab-badge-background: var(--color-gray-2);
        --tab-badge-color: var(--color-white);
        --tab-badge-background-active: var(--color-black);
        --tab-badge-color-active: var(--color-white);
        grid-template-rows: auto 1fr;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas: "tab-group-class tab-private-class" "tab-content tab-content";
        display: grid
    }

    .lesson-format-selector>details {
        display: contents
    }

    .lesson-format-selector>details summary {
        background-color: var(--_background);
        border-top: 4px solid var(--_border);
        margin: 0;
        padding: 2rem
    }

    .lesson-format-selector>details summary h3 {
        color: var(--_color);
        font-family: var(--font-display);
        font-size: var(--text-md);
        font-weight: var(--font-weight-normal);
        justify-content: center;
        display: inline-flex
    }

    .lesson-format-selector>details summary .lesson-counter-badge {
        background-color: var(--tab-badge-background);
        min-width: 1.6em;
        height: 1.6em;
        color: var(--tab-badge-color);
        font-size: .45em;
        font-weight: var(--font-weight-normal);
        vertical-align: baseline;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        margin-left: .2em;
        padding: 0 .3em;
        line-height: 1;
        display: inline-flex
    }

    .lesson-format-selector>details summary::marker {
        content: ""
    }

    .lesson-format-selector>details:first-child summary {
        grid-area: tab-group-class
    }

    .lesson-format-selector>details:last-child summary {
        grid-area: tab-private-class
    }

    .lesson-format-selector>details .lesson-format-panel {
        padding-top: var(--spacing-l);
        grid-area: tab-content
    }

    .lesson-format-selector>details[open]::details-content {
        display: contents
    }

    .lesson-format-selector>details[open] summary {
        --_color: var(--_color-active);
        background-color: var(--_background-active);
        color: var(--_color-active);
        border-top: 4px solid var(--_border-active);
        pointer-events: none
    }

    .lesson-format-selector>details[open] summary .lesson-counter-badge {
        --tab-badge-background: var(--tab-badge-background-active);
        --tab-badge-color: var(--tab-badge-color-active)
    }

    .lesson-format-selector~.decorated {
        --decorator-top: -2.5em
    }

    @media(min-width:768px) {
        .lesson-format-selector>details summary h3 {
            font-size: var(--text-lg)
        }
    }

    @media(min-width:1200px) {
        .lesson-format-selector~.decorated {
            --decorator-top: -3.5em;
            --decorator-right: 1em
        }
    }

    @media(min-width:1920px) {
        .lesson-format-selector>details summary h3 {
            font-size: 4.8rem
        }
    }

    .video-embed-container {
        --frame-aspect-ratio: 1.8/1;
        border-radius: 40px;
        overflow: hidden
    }

    .decorated:has(~.video-embed-container) {
        --decorator-top: -2.5em
    }

    .header-wrapper {
        --surface-color: var(--color-white);
        z-index: 100;
        top: 2rem
    }

    .site-header {
        flex-wrap: nowrap
    }

    @container header not (min-inline-size:1510px) {
        .site-header {
            row-gap: var(--spacing-s)
        }
    }

    .site-header__logo {
        flex-shrink: 0
    }

    .site-header__nav {
        --gutter: var(--spacing-l);
        font-size: var(--text-sm)
    }

    .site-header__nav-link {
        white-space: nowrap
    }

    .site-header__commerce {
        --gutter: var(--spacing-m)
    }

    .site-header__actions {
        --gutter: var(--spacing-l)
    }

    .site-header__social {
        --gutter: var(--spacing-xs)
    }

    .site-header__social a {
        display: flex
    }

    .site-header__social img {
        width: 32px;
        height: 32px
    }

    .site-header__lang {
        --gutter: var(--spacing-xs);
        font-size: var(--text-sm);
        border-radius: var(--radius-4xl);
        border: 1px solid var(--color-white)
    }

    .site-header__lang .site-header__lang-link {
        padding: var(--spacing-2xs)var(--spacing-s);
        border-radius: var(--radius-4xl)
    }

    .site-header__lang .site-header__lang-link--active {
        background: var(--color-white);
        color: var(--color-black);
        border: 1px solid var(--color-white)
    }

    .site-header__cart {
        display: flex
    }

    .site-header__my-account {
        font-size: var(--text-sm)
    }

    .site-header__menu-toggle {
        cursor: pointer;
        background: 0 0;
        border: none;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        display: none
    }

    .site-header__menu-toggle svg {
        width: auto;
        height: 1.6lh;
        display: block
    }

    @container header not (min-inline-size:1510px) {
        .site-header {
            flex-wrap: wrap
        }

        .site-header__nav {
            order: 999;
            flex-basis: 100%
        }
    }

    @container header (min-inline-size:768px) {
        .site-header__my-account {
            border-radius: var(--radius-4xl);
            border: 1px solid var(--color-white);
            padding: var(--spacing-xs)var(--spacing-m);
            --reveal-alternate: true
        }

        .site-header__my-account>[data-revealed-default] {
            display: none
        }

        .site-header__my-account>:not([data-revealed-default]) {
            display: var(--reveal-display-property)
        }
    }

    @container header (min-inline-size:1200px) {
        .site-header__actions {
            justify-content: end;
            width: 620px
        }
    }

    @media not all and (min-width:768px) {

        .site-header__nav,
        .site-header__social,
        .site-header__lang {
            display: none
        }

        .site-header__menu-toggle {
            display: flex
        }
    }

    .site-header__mobile-menu {
        gap: var(--spacing-s);
        padding: var(--spacing-m);
        background: var(--color-white);
        border-top: 1px solid var(--color-gray-1);
        flex-direction: column;
        display: flex
    }

    .site-header__mobile-menu[hidden] {
        display: none
    }

    .site-header__mobile-link {
        padding: var(--spacing-s);
        font-size: var(--text-sm);
        color: var(--color-black);
        border-radius: var(--radius-md, 8px);
        text-decoration: none;
        transition: background-color .2s
    }

    .site-header__mobile-link:hover,
    .site-header__mobile-link:focus {
        background-color: var(--color-gray-1)
    }

    @media(min-width:768px) {
        .site-header__mobile-menu {
            display: none
        }
    }

    .footer-wrapper {
        --navigation-items-gap: var(--spacing-l);
        background: var(--color-black);
        border-start-start-radius: var(--radius-8xl);
        border-start-end-radius: var(--radius-8xl);
        margin-block-start: var(--layout-stack-space);
        padding-block-start: var(--spacing-xl);
        padding-block-end: var(--spacing-l)
    }

    .site-footer {
        --surface-color: var(--color-white);
        justify-items: center;
        row-gap: var(--spacing-2xl);
        grid-template-rows: repeat(3, auto);
        grid-template-columns: 1fr;
        grid-template-areas: "contact-info" "navigation" "branding";
        display: grid
    }

    .site-footer__contact-info {
        grid-area: contact-info
    }

    .site-footer__contact-info>p {
        color: var(--color-orange);
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        text-align: center
    }

    .site-footer__contact-info-social {
        --gutter: var(--spacing-s);
        --cluster-horizontal-alignment: center
    }

    .site-footer__navigation {
        font-size: var(--text-sm);
        gap: var(--navigation-items-gap);
        text-align: center;
        flex-direction: column;
        grid-area: navigation;
        align-items: center;
        display: flex
    }

    .site-footer__nav-list {
        gap: var(--navigation-items-gap);
        flex-direction: column;
        display: flex
    }

    .site-footer__branding {
        align-items: center;
        gap: var(--spacing-s);
        flex-direction: column;
        grid-area: branding;
        display: flex
    }

    .site-footer__branding p {
        color: var(--color-gray-3);
        font-size: var(--text-xs)
    }

    @media(min-width:768px) {
        .footer-wrapper {
            --navigation-items-gap: var(--spacing-s)
        }

        .site-footer {
            justify-items: stretch;
            row-gap: var(--spacing-l);
            grid-template-rows: repeat(2, auto);
            grid-template-columns: repeat(2, 1fr);
            grid-template-areas: "contact-info contact-info" "branding navigation"
        }

        .site-footer>* {
            width: 100%
        }

        .site-footer__branding {
            justify-content: end;
            align-items: start
        }

        .site-footer__navigation {
            text-align: left;
            flex-direction: row;
            justify-content: space-around;
            margin-block: 0
        }

        .site-footer__navigation>nav {
            align-content: end
        }
    }

    @media(min-width:1600px) {
        .footer-wrapper {
            --navigation-items-gap: var(--spacing-3xl)
        }

        .site-footer__navigation>nav>ul {
            flex-direction: row
        }

        .site-footer__navigation {
            justify-content: space-evenly
        }
    }

    .faq-section__cards {
        gap: var(--spacing-s);
        grid-template-columns: 1fr;
        align-items: start;
        display: grid
    }

    @media(min-width:1024px) {
        .faq-section__cards {
            grid-template-columns: repeat(2, 1fr)
        }
    }

    .cta-section {
        --surface-bg: linear-gradient(315deg, var(--color-orange-bright)0%, var(--color-orange-dark)100%);
        --surface-padding: var(--spacing-xl);
        --surface-border-radius: var(--radius-4xl);
        --surface-heading-color: var(--color-white);
        --surface-color: var(--color-white)
    }

    .cta-section__content p {
        max-width: 50ch
    }

    .lessons-section header {
        --decorator-top: -1.5em
    }

    .lessons-grid {
        --grid-gap: var(--spacing-s)
    }

    @media(min-width:1600px) {
        .lessons-grid {
            --grid-max-item-size: var(--grid-min-item-size);
            justify-content: center
        }
    }

    .teachers-grid {
        --grid-gap: var(--spacing-s)
    }

    @media(min-width:1600px) {
        .teachers-grid {
            --grid-max-item-size: var(--grid-min-item-size);
            justify-content: center
        }
    }

    .join-team-section__content {
        max-width: 65ch;
        margin-inline: auto
    }

    .join-team-section__content p {
        font-size: var(--text-base);
        line-height: var(--leading-normal);
        margin-block: 0
    }

    .join-team-section__intro {
        font-size: var(--text-lg);
        margin-block-end: var(--spacing-xs)
    }

    .join-team-section__cta {
        margin-block: var(--spacing-s);
        font-size: var(--text-lg)
    }

    .join-team-section__subtext {
        color: var(--styl-muted-color);
        font-size: var(--text-sm);
        margin-block-start: var(--spacing-xs)
    }

    .join-team-section__form {
        margin-block-start: var(--spacing-xl)
    }



    .classes-filters {
        --gutter: var(--spacing-m)
    }

    .classes-filters .button {
        --_padding-y: var(--spacing-s)
    }

    .classes-filters :is(input, .brxe-filter-select) {
        border: none;
        outline: none;
        width: max-content
    }

    .classes-filters .brxe-filter-select {
        background-color: var(--color-gray-1)
    }

    .classes-filters-group {
        background: var(--color-gray-1)
    }

    .classes-filters-group div:nth-child(2) {
        padding: var(--spacing-s)0
    }

    .classes-grid {
        --grid-min-item-size: 16.5rem;
        --grid-gap: var(--spacing-s)
    }

    .teacher-intro__details h3 {
        font-family: var(--font-display);
        font-size: var(--text-base)
    }

    .teacher-intro__sidebar {
        --surface-bg: var(--color-gray-1);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl)
    }

    .teacher-intro__sidebar h3 {
        color: var(--color-black)
    }

    .teacher-intro__content,
    .class-intro__content {
        gap: var(--spacing-l);
        grid-template-columns: 1fr;
        align-items: start;
        display: grid
    }

    @media(min-width:768px) {

        .teacher-intro__content,
        .class-intro__content {
            grid-template-columns: 280px 1fr
        }
    }

    @media(min-width:1024px) {

        .teacher-intro__content,
        .class-intro__content {
            gap: var(--spacing-xl);
            grid-template-columns: 320px 1fr
        }
    }

    .teacher-intro__image,
    .class-intro__image {
        --frame-aspect-ratio: 1;
        max-width: 280px
    }

    .teacher-intro__image img,
    .class-intro__image img {
        border-radius: var(--radius-4xl);
        object-fit: cover
    }

    @media(min-width:768px) {

        .teacher-intro__image,
        .class-intro__image {
            max-width: none
        }
    }

    .teacher-intro__info h1,
    .class-intro__info h1 {
        text-transform: uppercase
    }

    .teacher-intro__title,
    .class-intro__subtitle {
        font-family: var(--font-display);
        font-size: var(--text-md);
        color: var(--color-orange)
    }

    .teacher-intro__experience {
        font-size: var(--text-sm);
        color: var(--color-gray-3)
    }

    .class-intro__meta {
        gap: var(--spacing-s);
        font-size: var(--text-sm);
        color: var(--color-gray-3);
        flex-wrap: wrap;
        display: flex
    }

    .class-intro__meta span {
        align-items: center;
        gap: var(--spacing-2xs);
        display: flex
    }

    .teacher-intro__bio,
    .class-intro__description {
        max-width: 55ch
    }

    .about-section__content {
        gap: var(--spacing-l);
        grid-template-columns: 1fr;
        display: grid
    }

    @media(min-width:768px) {
        .about-section__content {
            grid-template-columns: 1fr 1fr
        }
    }

    @media(min-width:1024px) {
        .about-section__content {
            grid-template-columns: 2fr 1fr
        }
    }

    .about-section__text h3 {
        font-family: var(--font-display);
        font-size: var(--text-md);
        margin-block-start: var(--spacing-l)
    }

    .specialties-list,
    .benefits-list {
        gap: var(--spacing-xs);
        flex-wrap: wrap;
        padding: 0;
        list-style: none;
        display: flex
    }

    .specialties-list li,
    .benefits-list li {
        background: var(--color-cream-light);
        color: var(--color-orange);
        padding: var(--spacing-xs)var(--spacing-s);
        border-radius: var(--radius-full);
        font-size: var(--text-sm);
        font-weight: 500;
        transition: background .2s, color .2s
    }

    .specialties-list a {
        color: inherit;
        text-decoration: none
    }

    .specialties-list li:has(a):hover {
        background: var(--color-orange);
        color: var(--color-white)
    }

    .about-section__sidebar {
        --surface-bg: var(--color-gray-1);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl)
    }

    .about-section__sidebar h3 {
        font-family: var(--font-display);
        font-size: var(--text-base);
        color: var(--color-black)
    }

    .education-list,
    .languages-list,
    .learn-list {
        padding: 0;
        list-style: none
    }

    .education-list li,
    .learn-list li {
        font-size: var(--text-sm);
        padding-inline-start: var(--spacing-m);
        position: relative
    }

    .education-list li:before,
    .learn-list li:before {
        content: "✓";
        color: var(--color-orange);
        font-weight: 700;
        position: absolute;
        left: 0
    }

    .languages-list li {
        font-size: var(--text-sm);
        padding-block: var(--spacing-2xs)
    }

    .approach-section__grid,
    .features-section__grid {
        --grid-gap: var(--spacing-s);
        --grid-columns: 1
    }

    @media(min-width:768px) {

        .approach-section__grid,
        .features-section__grid {
            --grid-columns: 2
        }
    }

    @media(min-width:1200px) {

        .approach-section__grid,
        .features-section__grid {
            --grid-columns: 4
        }
    }

    .levels-section__cards {
        gap: var(--spacing-s);
        grid-template-columns: 1fr;
        display: grid
    }

    @media(min-width:768px) {
        .levels-section__cards {
            grid-template-columns: repeat(3, 1fr)
        }
    }

    .level-card {
        --surface-bg: var(--color-gray-1);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl)
    }

    .level-card h3 {
        font-family: var(--font-display);
        font-size: var(--text-md);
        color: var(--color-orange)
    }

    .level-card p {
        font-size: var(--text-sm)
    }

    .russian-intro {
        --layout-stack-space: var(--spacing-xl)
    }

    .russian-intro__container :where(.button, .btn) {
        max-width: fit-content
    }

    .russian-intro__container {
        --gutter: var(--spacing-s);
        gap: var(--gutter);
        grid-template-columns: 1fr;
        display: grid
    }

    .russian-intro__container h2 {
        font-size: var(--text-lg);
        text-transform: none
    }

    .russian-intro__student,
    .russian-intro__newcomer {
        row-gap: var(--spacing-m);
        flex-direction: column;
        justify-content: space-between;
        display: flex
    }

    .russian-intro__student {
        --surface-bg: var(--color-black);
        --surface-color: var(--color-white);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl)
    }

    .russian-intro__newcomer {
        --surface-bg: var(--color-gray-1);
        --surface-color: var(--color-black);
        --surface-padding: var(--spacing-m);
        --surface-border-radius: var(--radius-4xl)
    }

    @media(min-width:768px) {
        .russian-intro__container {
            grid-template-columns: 1fr 1fr
        }
    }

    @media(min-width:1600px) {
        .russian-intro__container h2 {
            max-width: 100%
        }
    }

    @media(min-width:1920px) {
        .russian-intro__container h2 {
            font-size: 4.8rem
        }
    }

    .level-up-section__container {
        gap: var(--spacing-s);
        grid-template-columns: 1fr;
        grid-template-areas: "header" "step1" "step2" "step3" "step4" "step5" "step6" "footer";
        grid-auto-rows: auto;
        display: grid
    }

    .level-up-section__container>header {
        text-align: center;
        grid-area: header
    }

    .level-up-section__container>p {
        text-align: center;
        grid-area: footer
    }

    .level-up-decoration {
        display: none
    }

    .level-up-section__container>article:first-of-type {
        grid-area: step1
    }

    .level-up-section__container>article:nth-of-type(2) {
        grid-area: step2
    }

    .level-up-section__container>article:nth-of-type(3) {
        grid-area: step3
    }

    .level-up-section__container>article:nth-of-type(4) {
        grid-area: step4
    }

    .level-up-section__container>article:nth-of-type(5) {
        grid-area: step5
    }

    .level-up-section__container>article:nth-of-type(6) {
        grid-area: step6
    }

    @media(min-width:768px) {
        .level-up-section__container {
            grid-template-columns: repeat(2, 1fr);
            grid-template-areas: "header header" "step1 step2" "step3 step4" "step5 step6" "footer footer"
        }
    }

    @media not all and (min-width:1024px) {
        .level-up-section__container header {
            margin-block-end: var(--spacing-xl)
        }
    }

    @media(min-width:1024px) {
        .level-up-section__container {
            row-gap: var(--spacing-xl);
            grid-template-columns: repeat(3, 1fr);
            grid-template-areas: "step1 step2 step3" "header header header" "step4 step5 step6" "footer footer footer"
        }

        .level-up-section__container header {
            position: relative
        }

        .level-up-decoration {
            z-index: -1;
            pointer-events: none;
            display: block;
            position: absolute;
            top: -90%;
            right: -14%;
            bottom: -90%;
            left: -14%
        }

        .level-up-decoration .ellipse {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .level-up-decoration .ellipse--1 {
            transform: scale(.25)
        }

        .level-up-decoration .ellipse--2 {
            transform: scale(.5)
        }

        .level-up-decoration .ellipse--3 {
            transform: scale(.75)
        }

        .level-up-decoration .ellipse--4 {
            transform: scale(1)
        }
    }

    @media(min-width:1600px) {
        .level-up-section__container {
            grid-template-columns: 1fr repeat(3, 1fr) repeat(4, 1fr) repeat(3, 1fr) 1fr;
      grid-template-areas:
".      .      step1  step1  step1  .      .      step2  step2  step2  .      .     " 
"step6  step6  step6  header header header header header header step3  step3  step3 " 
".      .      step5  step5  step5  .      .      step4  step4  step4  .      .     " 
"footer footer footer footer footer footer footer footer footer footer footer footer";
            display: grid;
        }

        .level-up-decoration {
            top: -75%;
            right: -25%;
            bottom: -75%;
            left: -25%
        }

        .level-up-section__container>article:nth-of-type(3),
        .level-up-section__container>article:nth-of-type(6) {
            align-self: center
        }
    }

    .russian-lesson-features header {
        --decorator-top: -1.5em
    }

    .russian-lesson-features__grid {
        gap: var(--gutter, 1rem);
        grid-template-columns: repeat(4, 1fr)
    }

    @media not all and (min-width:1024px) {
        .russian-lesson-features__grid {
            grid-template-columns: repeat(2, 1fr)
        }
    }

    .experience-section {
        --surface-bg: linear-gradient(315deg, var(--color-orange-bright)0%, var(--color-orange-dark)100%);
        --surface-padding: 4rem var(--spacing-l);
        --surface-border-radius: 4rem;
        --surface-heading-color: var(--color-white);
        --center-max-width: 74ch
    }

    .experience-section__cards {
        gap: var(--spacing-s);
        grid-template-columns: 1fr;
        display: grid
    }

    .experience-section__cta a {
        font-size: var(--text-base)
    }

    @media(min-width:768px) {
        .experience-section {
            --surface-padding: 6rem var(--spacing-l)
        }

        .experience-section__cards {
            grid-template-columns: repeat(2, 1fr)
        }
    }

    @media(min-width:1600px) {
        .experience-section {
            --surface-padding: 8rem var(--spacing-l)
        }

        .experience-section__cards {
            grid-template-columns: repeat(4, 1fr)
        }
    }

    .feedback-section header {
        --decorator-top: -2.5em
    }

    .faq-section header {
        --decorator-top: -2em
    }

    .pricing-section {
        --pricing-text-size: var(--text-sm)
    }

    .pricing-section header {
        --decorator-top: -3.5em
    }

    .pricing-section__cards {
        gap: var(--spacing-s);
        grid-template-columns: 1fr;
        display: grid
    }

    @media(min-width:768px) {
        .pricing-section {
            --pricing-text-size: var(--text-base)
        }

        .pricing-section__cards {
            grid-template-columns: repeat(2, 1fr)
        }

        .pricing-card--cta {
            flex-direction: row;
            grid-column: span 2
        }

        .pricing-card--cta .button {
            align-self: flex-start;
            width: auto
        }
    }

    @media(min-width:1200px) {
        .pricing-section__cards {
            grid-template-columns: repeat(3, 1fr)
        }

        .pricing-card--cta {
            flex-direction: column;
            grid-column: auto
        }

        .pricing-card--cta .button {
            width: 100%
        }
    }

    .pricing-card {
        --surface-bg: var(--color-gray-1);
        --surface-padding: var(--spacing-l);
        --surface-border-radius: 4rem;
        gap: var(--spacing-m);
        flex-direction: column;
        display: flex
    }

    .pricing-card h3 {
        font-family: var(--font-display);
        font-size: var(--text-md);
        color: var(--color-black)
    }

    .pricing-card__list {
        gap: var(--spacing-xs);
        flex-direction: column;
        display: flex
    }

    .pricing-card__item {
        justify-content: space-between;
        align-items: end;
        gap: var(--spacing-m);
        display: flex
    }

    .pricing-card__item dt {
        font-size: var(--pricing-text-size);
        color: var(--color-black)
    }

    .pricing-card__item dd {
        font-size: var(--text-md);
        color: var(--color-orange);
        white-space: nowrap;
        font-weight: 700
    }

    .pricing-card__note {
        color: var(--color-gray-3);
        font-size: var(--pricing-text-size);
        margin-top: auto
    }

    .pricing-card--cta {
        --surface-bg: var(--color-black);
        --surface-color: var(--color-white)
    }

    .pricing-card--cta h3 {
        color: var(--color-white)
    }

    .pricing-card--cta p {
        font-size: var(--pricing-text-size)
    }

    .pricing-card--cta .button {
        width: 100%
    }

    .styl-cart table.shop_table thead,
    .styl-checkout .woocommerce-checkout-review-order-table thead {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .styl-cart__items .product-price .woocommerce-Price-amount,
    .styl-checkout .woocommerce-checkout-review-order-table tbody .product-total .woocommerce-Price-amount {
        font-size: var(--text-sm);
        color: var(--styl-heading-color)
    }

    .styl-cart__totals .cart_totals table.shop_table tr,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot tr {
        justify-content: space-between;
        align-items: center;
        padding-block-end: var(--spacing-xs);
        display: flex
    }

    .styl-cart__totals .cart_totals table.shop_table strong,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot strong {
        font-weight: var(--font-weight-normal, 400)
    }

    .styl-cart__totals .checkout-button.button,
    .styl-checkout #place_order.button,
    .styl-checkout [name=woocommerce_checkout_update_totals].button {
        --button-bg: var(--woo-accent-color, var(--color-orange));
        --button-radius: var(--woo-radius, 60px);
        max-width: none
    }

    .styl-cart {
        --cart-max-width: 67.2rem;
        --cart-border-color: var(--color-gray-1);
        --cart-accent-color: var(--color-orange);
        --cart-success-color: #059669;
        --cart-muted-color: var(--styl-muted-color);
        --cart-radius: .5rem;
        --woo-border-color: var(--cart-border-color);
        --woo-accent-color: var(--cart-accent-color);
        --woo-muted-color: var(--cart-muted-color);
        --woo-radius: var(--cart-radius);
        --center-max-width: var(--cart-max-width);
        --center-padding: var(--spacing-m);
        padding-block: var(--spacing-xl)
    }

    .styl-cart__heading {
        text-align: center;
        margin-block-end: var(--spacing-l)
    }

    .styl-cart__heading .brxe-heading {
        font-family: var(--font-body);
        font-size: var(--text-2xl);
        color: var(--styl-heading-color);
        letter-spacing: -.02em;
        margin: 0;
        font-weight: 700
    }

    .styl-cart table.shop_table {
        border: none
    }

    .styl-cart .woocommerce-cart-form tr+tr :is(th, td),
    .styl-cart .woocommerce-cart-form tbody tr :is(th, td) {
        border-block-start: none
    }

    .styl-cart .woocommerce-cart-form :is(th, td)~:is(th, td) {
        border-inline-start: none
    }

    .styl-cart .woocommerce-cart-form tbody td,
    .styl-cart .woocommerce-cart-form tbody th {
        border: none
    }

    .styl-cart .woocommerce-cart-form tbody tr {
        border-bottom-style: none;
        border-bottom-width: 0
    }

    .styl-cart .woocommerce-cart-form tbody tr:last-child,
    .styl-cart .cart-collaterals table,
    .styl-cart .cart_totals table.shop_table,
    .styl-cart .cart-collaterals table tbody td,
    .styl-cart .cart-collaterals table tbody th,
    .styl-cart .cart_totals table.shop_table td,
    .styl-cart .cart_totals table.shop_table th {
        border: none
    }

    .styl-cart .cart_totals :is(th, td)~:is(th, td) {
        border-inline-start: none
    }

    .styl-cart__items .woocommerce-cart-form table.shop_table {
        border-collapse: collapse;
        border: none;
        display: block
    }

    .styl-cart__items .woocommerce-cart-form table.shop_table tbody {
        flex-direction: column;
        display: flex
    }

    .styl-cart__items .cart_item {
        gap: 0 var(--spacing-m);
        padding-block: var(--spacing-l);
        border-block-start: 1px solid var(--cart-border-color);
        grid-template-rows: auto 1fr;
        grid-template-columns: auto 1fr auto;
        place-items: start;
        display: grid
    }

    .styl-cart__items .product-price,
    .styl-cart__items .product-remove {
        justify-self: end
    }

    .styl-cart__items .cart_item:first-child {
        border-block-start: 1px solid var(--cart-border-color)
    }

    .styl-cart__items .product-thumbnail {
        grid-area: 1/1/3;
        padding: 0;
        display: block
    }

    .styl-cart__items .product-thumbnail a {
        display: block
    }

    .styl-cart__items .product-thumbnail img {
        object-fit: cover;
        border-radius: var(--cart-radius);
        background: var(--color-gray-1);
        width: 6rem;
        height: 6rem
    }

    @media(min-width:480px) {
        .styl-cart__items .product-thumbnail img {
            width: 8rem;
            height: 8rem
        }
    }

    .styl-cart__items .product-name {
        text-align: left;
        grid-area: 1/2;
        padding: 0;
        font-weight: 400;
        display: block
    }

    .styl-cart__items .product-name a {
        color: var(--styl-heading-color);
        font-size: var(--text-sm);
        text-decoration: none
    }

    .styl-cart__items .product-name a:hover {
        text-decoration: underline
    }

    .styl-cart__items .product-price {
        text-align: right;
        grid-area: 1/3;
        padding: 0
    }

    .styl-cart__items .product-remove {
        text-align: right;
        grid-area: 2/3;
        justify-content: flex-end;
        align-self: end;
        align-items: flex-end;
        width: auto;
        padding: 0;
        display: flex
    }

    .styl-cart__items .product-remove .remove {
        color: var(--woo-accent-color);
        font-weight: 500;
        font-size: var(--text-xs);
        line-height: 1;
        text-decoration: none;
        display: inline-block
    }

    .styl-cart__items .product-remove .remove:hover {
        text-decoration: underline
    }

    .styl-cart__items .product-quantity,
    .styl-cart__items .product-subtotal,
    .styl-cart__items tr:has(.actions) {
        display: none
    }

    .styl-cart__totals .cart-collaterals {
        border-block-start: 1px solid var(--cart-border-color);
        padding-block-start: var(--spacing-l)
    }

    .styl-cart__totals .cart_totals>h2 {
        display: none
    }

    .styl-cart__totals .cart_totals table.shop_table {
        border: none;
        margin-block-end: var(--spacing-xs);
        display: block
    }

    .styl-cart__totals .cart_totals table.shop_table tbody {
        display: block
    }

    .styl-cart__totals .cart_totals table.shop_table th,
    .styl-cart__totals .cart_totals table.shop_table td {
        font-weight: var(--font-weight-normal, 400);
        border: none;
        padding: 0
    }

    .styl-cart__totals .cart_totals table.shop_table th {
        font-size: var(--text-base);
        color: var(--styl-heading-color)
    }

    .styl-cart__totals .cart_totals table.shop_table td {
        text-align: right;
        font-size: var(--text-base)
    }

    .styl-cart__totals .cart_totals .woocommerce-Price-amount {
        font-size: var(--text-base);
        color: var(--styl-heading-color)
    }

    .styl-cart__totals .cart_totals table.shop_table tr:not(.order-total) th,
    .styl-cart__totals .cart_totals table.shop_table tr:not(.order-total) td,
    .styl-cart__totals .cart_totals table.shop_table tr:not(.order-total) .woocommerce-Price-amount {
        color: var(--cart-muted-color)
    }

    .styl-cart__totals .cart_totals table.shop_table tr.order-total th,
    .styl-cart__totals .cart_totals table.shop_table tr.order-total td,
    .styl-cart__totals .cart_totals table.shop_table tr.order-total .woocommerce-Price-amount {
        color: var(--styl-heading-color)
    }

    .styl-cart__totals .cart-confirmation {
        margin: 0 0 var(--spacing-m)0;
        padding: var(--spacing-s);
        background: var(--color-gray-1);
        border-radius: var(--cart-radius);
        align-items: flex-start;
        gap: var(--spacing-xs);
        display: flex
    }

    .styl-cart__totals .cart-confirmation input[type=checkbox] {
        width: 1.25em;
        height: 1.25em;
        accent-color: var(--cart-accent-color);
        cursor: pointer;
        flex-shrink: 0;
        margin: 0;
        margin-block-start: .2em
    }

    .styl-cart__totals .cart-confirmation label {
        font-size: var(--text-sm);
        line-height: var(--leading-normal);
        color: var(--styl-heading-color);
        cursor: pointer;
        font-weight: var(--font-weight-normal, 400);
        flex: 1;
        margin: 0
    }

    .styl-cart__totals .cart-confirmation label:hover {
        color: var(--cart-accent-color)
    }

    .styl-cart__totals .cart-confirmation input[type=checkbox]:focus-visible {
        outline: 2px solid var(--cart-accent-color);
        outline-offset: 2px;
        border-radius: 2px
    }

    .styl-cart__totals .wc-proceed-to-checkout {
        gap: var(--spacing-m);
        flex-direction: column;
        display: flex
    }

    @media not all and (min-width:480px) {
        .styl-cart__items .cart_item {
            gap: var(--spacing-2xs)var(--spacing-s)
        }

        .styl-cart__items .product-thumbnail img {
            width: 5rem;
            height: 5rem
        }
    }

    .styl-checkout {
        --checkout-max-width: 112rem;
        --checkout-border-color: var(--color-gray-1);
        --checkout-accent-color: var(--color-orange);
        --checkout-muted-color: var(--styl-muted-color);
        --checkout-radius: .5rem;
        --woo-border-color: var(--checkout-border-color);
        --woo-accent-color: var(--checkout-accent-color);
        --woo-muted-color: var(--checkout-muted-color);
        --woo-radius: var(--checkout-radius);
        --center-max-width: var(--checkout-max-width);
        --center-padding: var(--spacing-m);
        --switcher-target-container-width: 50rem;
        --gutter: var(--spacing-xl);
        padding-block: var(--spacing-xl)
    }

    .styl-checkout__form {
        flex-grow: 1.5
    }

    .styl-checkout h3,
    .styl-checkout .woocommerce-billing-fields h3,
    .styl-checkout .woocommerce-additional-fields h3,
    .styl-checkout #order_review_heading {
        font-size: var(--text-lg);
        color: var(--styl-heading-color);
        border-block-end: 1px solid var(--checkout-border-color);
        margin-block-end: var(--spacing-m);
        padding-block-end: var(--spacing-xs)
    }

    .styl-checkout .woocommerce-billing-fields__field-wrapper,
    .styl-checkout .woocommerce-additional-fields__field-wrapper {
        gap: var(--spacing-l);
        grid-template-columns: 1fr;
        display: grid
    }

    @media(min-width:480px) {
        .styl-checkout .woocommerce-billing-fields__field-wrapper {
            grid-template-columns: 1fr 1fr
        }

        .styl-checkout .form-row-wide {
            grid-column: 1/-1
        }

        .styl-checkout .form-row-first {
            grid-column: 1
        }

        .styl-checkout .form-row-last {
            grid-column: 2
        }
    }

    .styl-checkout .form-row {
        margin-block-end: 0
    }

    .styl-checkout label {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--styl-heading-color);
        margin-block-end: var(--spacing-s);
        display: block
    }

    .styl-checkout label .required {
        color: var(--styl-form-control-accent-color)
    }

    .styl-checkout label .optional {
        color: var(--styl-muted-color);
        font-size: var(--text-xs)
    }

    .styl-checkout :is(input:not([type=checkbox], [type=radio], [type=color]), select, textarea) {
        font-size: var(--text-sm)
    }

    .styl-checkout textarea {
        resize: vertical;
        min-height: 6rem
    }

    .styl-checkout .select2-container .select2-selection--single {
        border-radius: var(--radius-s);
        border: var(--styl-stroke);
        background: var(--styl-form-control-background);
        height: auto;
        color: var(--styl-form-control-foreground);
        padding: .5em .8em
    }

    .styl-checkout .select2-container .select2-selection__rendered {
        line-height: inherit;
        font-size: var(--text-sm);
        padding: 0
    }

    .styl-checkout .select2-container .select2-selection__arrow {
        height: 100%;
        right: var(--spacing-xs)
    }

    .styl-checkout .col-1,
    .styl-checkout .col-2 {
        margin-block-end: var(--spacing-l)
    }

    .styl-checkout__order {
        flex-grow: 1
    }

    @media(min-width:768px) {
        .styl-checkout__order {
            top: var(--spacing-l);
            align-self: start;
            position: sticky
        }
    }

    .styl-checkout .woocommerce-checkout-review-order-table {
        border: none;
        width: 100%;
        display: block
    }

    .styl-checkout .woocommerce-checkout-review-order-table tbody,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot {
        display: block
    }

    .styl-checkout .woocommerce-checkout-review-order-table,
    .styl-checkout .woocommerce-checkout-review-order-table th,
    .styl-checkout .woocommerce-checkout-review-order-table td {
        border: none
    }

    .styl-checkout .woocommerce-checkout-review-order-table :is(th, td)~:is(th, td) {
        border-inline-start: none
    }

    .styl-checkout .woocommerce-checkout-review-order-table tr+tr :is(th, td) {
        border-block-start: none
    }

    .styl-checkout .woocommerce-checkout-review-order-table tbody .cart_item {
        padding-block: var(--spacing-m);
        border-block-start: 1px solid var(--checkout-border-color);
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .styl-checkout .woocommerce-checkout-review-order-table tbody .cart_item:first-child {
        border-block-start: none
    }

    .styl-checkout .woocommerce-checkout-review-order-table tbody .product-name {
        font-size: var(--text-sm);
        color: var(--styl-heading-color);
        text-align: left;
        flex: 1;
        padding: 0
    }

    .styl-checkout .woocommerce-checkout-review-order-table tbody .product-quantity {
        display: none
    }

    .styl-checkout .woocommerce-checkout-review-order-table tbody .product-total {
        text-align: right;
        white-space: nowrap;
        padding: 0
    }

    .styl-checkout .woocommerce-checkout-review-order-table tfoot {
        border-block-start: 1px solid var(--checkout-border-color);
        padding-block-start: var(--spacing-s)
    }

    .styl-checkout .woocommerce-checkout-review-order-table tfoot th,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot td {
        font-weight: var(--font-weight-normal, 400);
        padding: 0
    }

    .styl-checkout .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) th,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) td,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) .woocommerce-Price-amount {
        font-size: var(--text-base);
        color: var(--checkout-muted-color)
    }

    .styl-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot .order-total td,
    .styl-checkout .woocommerce-checkout-review-order-table tfoot .order-total .woocommerce-Price-amount {
        font-size: var(--text-base);
        color: var(--styl-heading-color)
    }

    .styl-checkout .woocommerce-checkout-payment {
        border: 0px;
        margin-block-start: var(--spacing-l);
        padding-block-start: var(--spacing-l)
    }

    .styl-checkout #payment {
        padding: 0
    }

    .styl-checkout .wc_payment_methods {
        margin: 0 0 var(--spacing-l)0;
        gap: var(--spacing-xs);
        flex-direction: column;
        padding: 0;
        list-style: none;
        display: flex
    }

    .styl-checkout .wc_payment_method {
        padding: var(--spacing-m);
        border: 1px solid var(--color-peach);
        border-radius: var(--checkout-radius);
        background: var(--styl-form-control-background);
        cursor: pointer;
        justify-content: space-between;
        align-items: center;
        gap: var(--spacing-xs);
        flex-wrap: wrap;
        margin: 0;
        transition: border-color .15s ease-in-out, background-color .15s ease-in-out;
        display: flex;
        position: relative
    }

    .styl-checkout .wc_payment_method:hover {
        background: var(--color-cream)
    }

    .styl-checkout .wc_payment_method:has(input:checked) {
        border-color: var(--checkout-accent-color);
        background: var(--color-cream-light)
    }

    .styl-checkout .wc_payment_method .input-radio {
        width: 1.125em;
        height: 1.125em;
        accent-color: var(--checkout-accent-color);
        cursor: pointer;
        flex-shrink: 0;
        margin: 0
    }

    .styl-checkout .wc_payment_method label {
        cursor: pointer;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-normal, 400);
        color: var(--styl-heading-color);
        flex: 1;
        order: -1;
        align-items: center;
        margin-block-end: 0;
        padding: 0;
        display: flex
    }

    .styl-checkout .wc_payment_method .input-radio:focus-visible {
        outline: 2px solid var(--checkout-accent-color);
        outline-offset: 2px;
        border-radius: 50%
    }

    .styl-checkout .payment_box {
        font-size: var(--text-xs);
        color: var(--checkout-gray-3);
        line-height: var(--leading-normal);
        flex-basis: 100%;
        margin-block-start: var(--spacing-xs);
        margin-inline-start: 0;
        padding: 1rem;
        background: transparent;
    }

    .styl-checkout .payment_box p {
        font-size: var(--text-xs);
        line-height: var(--leading-normal);
        margin: 0
    }

    .styl-checkout .payment_box p+p {
        margin-block-start: var(--spacing-xs)
    }

    .styl-checkout .woocommerce-privacy-policy-text {
        margin-block-end: var(--spacing-m)
    }

    .styl-checkout .woocommerce-privacy-policy-text p {
        font-size: var(--text-xs);
        color: var(--checkout-muted-color);
        margin: 0
    }

    .styl-checkout .woocommerce-privacy-policy-link {
        color: var(--woo-accent-color)
    }

    .styl-checkout .place-order {
        margin: 0
    }

    .styl-checkout wc-order-attribution-inputs {
        display: none
    }

    .styl-cart-empty {
        --cart-empty-max-width: 67.2rem;
        --cart-empty-border-color: var(--color-gray-1);
        --cart-empty-accent-color: var(--color-orange);
        --cart-empty-muted-color: var(--styl-muted-color);
        --cart-empty-radius: .5rem;
        --center-max-width: var(--cart-empty-max-width);
        --center-padding: var(--spacing-m);
        padding-block: var(--spacing-xl)
    }

    .styl-cart-empty__content {
        text-align: center;
        padding-block: var(--spacing-3xl);
        align-items: center;
        gap: var(--spacing-m);
        flex-direction: column;
        display: flex
    }

    .styl-cart-empty__message {
        font-family: var(--font-body);
        font-size: var(--text-xl);
        color: var(--styl-heading-color);
        letter-spacing: -.02em;
        margin: 0;
        font-weight: 700
    }

    .styl-cart-empty__subtext {
        font-size: var(--text-base);
        color: var(--cart-empty-muted-color);
        max-width: 30rem;
        margin: 0
    }

    .styl-cart-empty__action {
        width: 100%;
        max-width: 20rem;
        margin-block-start: var(--spacing-xs)
    }

    @media not all and (min-width:480px) {
        .styl-cart-empty__content {
            padding-block: var(--spacing-2xl)
        }

        .styl-cart-empty__message {
            font-size: var(--text-lg)
        }
    }

    .review-form-section__form {
        margin-block-start: var(--spacing-xl);
    }

    .reviews-cta__actions {
        --cluster-horizontal-alignment: center;
        --gutter: var(--spacing-s);
    }

    .reviews-grid {
        --grid-gap: var(--spacing-s);
        --grid-columns: 1;
        grid-auto-rows: minmax(400px, auto);
    }

    @media (width >=768px) {
        .reviews-grid {
            --grid-columns: 2;
        }
    }

    @media (width >=1024px) {
        .reviews-grid {
            --grid-columns: 3;
        }
    }

        .styl-account {
        --account-border-color: var(--color-gray-1);
        --account-accent-color: var(--color-orange);
        --account-muted-color: var(--styl-muted-color);
        --account-radius: .75rem;
        --account-nav-active-bg: var(--color-brand-primary);
        --account-nav-active-color: var(--color-black);
        --woo-border-color: var(--account-border-color);
        --woo-accent-color: var(--account-accent-color);
        --woo-muted-color: var(--account-muted-color);
        --woo-radius: var(--account-radius);
        --center-max-width: var(--layout-breakout-max-width);
        --center-padding: var(--spacing-m);
        font-family: var(--font-body);
        padding-block: var(--spacing-xl)
    }

    .styl-account .account-welcome {
        --surface-bg: var(--color-gray-1);
        --surface-padding: var(--spacing-l)var(--spacing-xl);
        --surface-border-radius: var(--radius-4xl);
        margin-block-end: var(--spacing-l)
    }

    .styl-account .account-welcome h2 {
        font-size: var(--text-xl);
        color: var(--styl-heading-color);
        font-weight: var(--font-weight-normal);
        line-height: var(--leading-fine);
        border: none;
        margin: 0;
        padding: 0
    }

    .styl-account .account-welcome h2 strong {
        color: var(--account-accent-color);
        font-weight: var(--font-weight-bold)
    }

    .styl-account .account-welcome p {
        font-size: var(--text-base);
        color: var(--account-muted-color);
        line-height: var(--leading-normal);
        margin: 0
    }

    .styl-account .account-logout-wrapper {
        border-block-start: 1px solid var(--account-border-color);
        justify-content: center;
        margin-block-start: var(--spacing-2xl);
        padding-block-start: var(--spacing-l);
        display: flex
    }

    .styl-account .account-logout {
        border: 1px solid var(--account-border-color);
        background: var(--color-white);
        color: var(--account-muted-color);
        font-size: var(--text-sm);
        white-space: nowrap;
        border-radius: 60px;
        align-items: center;
        gap: .5em;
        padding: .55em 1.5em;
        font-weight: 500;
        text-decoration: none;
        transition: background-color .15s, color .15s, border-color .15s;
        display: inline-flex
    }

    .styl-account .account-logout:hover {
        background: var(--color-gray-1);
        color: var(--styl-heading-color);
        border-color: var(--color-gray-2)
    }

    .styl-account .account-logout svg {
        flex-shrink: 0
    }

    .styl-account .account-dashboard {
        --grid-gap: var(--spacing-m);
        margin-block-end: var(--spacing-2xl)
    }

    .styl-account .card[data-card-intent=account-action] {
        --surface-bg: var(--color-gray-1);
        --surface-heading-color: var(--color-black);
        --surface-color: var(--color-gray-3);
        --surface-padding: var(--spacing-l);
        --surface-border-radius: var(--radius-4xl)
    }

    .styl-account .card[data-card-intent=account-action] .card__content {
        gap: var(--spacing-s);
        flex-direction: column;
        display: flex
    }

    .styl-account .card[data-card-intent=account-action] .account-action__icon {
        border-radius: var(--radius-2xl);
        background: var(--color-white);
        block-size: 3.5rem;
        inline-size: 3.5rem;
        color: var(--color-orange);
        justify-content: center;
        align-items: center;
        transition: background-color .2s, color .2s;
        display: flex
    }

    .styl-account .card[data-card-intent=account-action] .account-action__icon svg {
        block-size: 1.75rem;
        inline-size: 1.75rem
    }

    .styl-account .card[data-card-intent=account-action] h3 {
        font-size: var(--text-lg);
        font-weight: var(--font-weight-normal);
        color: var(--surface-heading-color);
        line-height: var(--leading-fine);
        border: none;
        margin: 0;
        padding: 0
    }

    .styl-account .card[data-card-intent=account-action] h3 a {
        color: inherit;
        text-decoration: none
    }

    .styl-account .card[data-card-intent=account-action] p {
        font-size: var(--text-base);
        color: var(--surface-color);
        line-height: var(--leading-normal);
        margin: 0
    }

    .styl-account .account-action__cta {
        font-size: var(--text-sm);
        color: var(--color-orange);
        text-transform: uppercase;
        letter-spacing: .03em;
        align-items: center;
        gap: .35em;
        margin-block-start: var(--spacing-xs);
        font-weight: 600;
        display: inline-flex
    }

    .styl-account .account-action__cta svg {
        transition: transform .2s
    }

    .styl-account .card[data-card-intent=account-action]:hover .account-action__cta svg {
        transform: translate(4px)
    }

    .styl-account .card[data-card-intent=account-action]:hover .account-action__icon,
    .styl-account .card[data-card-intent=account-action]:focus-within .account-action__icon {
        background: var(--color-orange);
        color: var(--color-white)
    }

    .styl-account .woocommerce-MyAccount-content>*+* {
        margin-block-start: var(--spacing-l)
    }

    .styl-account .woocommerce-MyAccount-content h2,
    .styl-account .woocommerce-MyAccount-content .woocommerce-column__title {
        font-size: var(--text-lg);
        color: var(--styl-heading-color);
        border-block-end: 1px solid var(--account-border-color);
        padding-block-end: var(--spacing-xs);
    }

    .styl-account .woocommerce-orders-table {
        border: none;
        width: 100%;
        display: block
    }

    .styl-account .woocommerce-orders-table thead {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .styl-account .woocommerce-orders-table tbody {
        gap: var(--spacing-s);
        flex-direction: column;
        display: flex
    }

    .styl-account .woocommerce-orders-table__row {
        align-items: center;
        gap: var(--spacing-s)var(--spacing-m);
        padding: var(--spacing-m)var(--spacing-l);
        border: 1px solid var(--account-border-color);
        border-radius: var(--account-radius);
        background: var(--color-white);
        grid-template-columns: auto 1fr auto auto auto;
        transition: border-color .15s;
        display: grid
    }

    .styl-account .woocommerce-orders-table__row:hover {
        border-color: var(--color-gold)
    }

    .styl-account .woocommerce-orders-table__cell {
        font-size: var(--text-sm);
        border: none;
        padding: 0
    }

    .styl-account .woocommerce-orders-table__cell:before {
        display: none
    }

    .styl-account .woocommerce-orders-table__cell-order-number a {
        color: var(--styl-heading-color);
        font-weight: 600;
        font-size: var(--text-sm);
        text-decoration: none
    }

    .styl-account .woocommerce-orders-table__cell-order-number a:hover {
        color: var(--account-accent-color);
        text-decoration: underline
    }

    .styl-account .woocommerce-orders-table__cell-order-date {
        color: var(--account-muted-color);
        font-size: var(--text-xs)
    }

    .styl-account .woocommerce-orders-table__cell-order-status mark {
        font-size: var(--text-xs);
        background: var(--color-gray-1);
        color: var(--styl-heading-color);
        background-color: #0000;
        border-radius: 60px;
        padding: .2em .75em;
        font-weight: 500;
        display: inline-block
    }

    .styl-account .woocommerce-orders-table__cell-order-status mark.order-status {
        background: var(--color-cream);
        color: var(--color-orange-dark)
    }

    .styl-account .woocommerce-orders-table__cell-order-status mark.status-completed {
        color: #065f46;
        background: #d1fae5
    }

    .styl-account .woocommerce-orders-table__cell-order-status mark.status-processing {
        background: var(--color-peach);
        color: var(--color-orange-dark)
    }

    .styl-account .woocommerce-orders-table__cell-order-status mark.status-cancelled {
        background: var(--color-gray-1);
        color: var(--color-gray-2)
    }

    .styl-account .woocommerce-orders-table__cell-order-total {
        color: var(--styl-heading-color);
        text-align: right;
        font-weight: 600
    }

    .styl-account .woocommerce-orders-table__cell-order-actions {
        align-items: center;
        display: flex
    }

    .styl-account .woocommerce-orders-table__cell-order-actions .button {
        --_padding-x: var(--spacing-s);
        --_padding-y: .4em;
        --_font-size: var(--text-xs);
        width: auto
    }

    .styl-account .woocommerce-MyAccount-content .woocommerce-info {
        padding: var(--spacing-l);
        border-radius: var(--account-radius);
        background: var(--color-cream);
        border-inline-start: 3px solid var(--account-accent-color);
        font-size: var(--text-sm);
        color: var(--styl-heading-color)
    }

    @media not all and (min-width:1024px) {
        .styl-account .card[data-card-intent=account-action] {
            --surface-padding: var(--spacing-m)
        }

        .styl-account .card[data-card-intent=account-action] .card__content {
            gap: var(--spacing-xs)
        }

        .styl-account .card[data-card-intent=account-action] .account-action__icon {
            block-size: 2.75rem;
            inline-size: 2.75rem
        }

        .styl-account .card[data-card-intent=account-action] .account-action__icon svg {
            block-size: 1.25rem;
            inline-size: 1.25rem
        }

        .styl-account .card[data-card-intent=account-action] h3 {
            font-size: var(--text-base)
        }

        .styl-account .card[data-card-intent=account-action] p {
            font-size: var(--text-sm)
        }

        .styl-account .account-action__cta {
            font-size: var(--text-xs)
        }
    }

    @media not all and (min-width:600px) {
        .styl-account .woocommerce-orders-table__row {
            grid-template-rows: auto auto auto;
            grid-template-columns: 1fr auto
        }

        .styl-account .woocommerce-orders-table__cell-order-number {
            grid-area: 1/1
        }

        .styl-account .woocommerce-orders-table__cell-order-actions {
            grid-area: 1/2/4;
            align-self: center
        }

        .styl-account .woocommerce-orders-table__cell-order-date {
            grid-area: 2/1
        }

        .styl-account .woocommerce-orders-table__cell-order-status {
            grid-area: 3/1
        }

        .styl-account .woocommerce-orders-table__cell-order-total {
            display: none
        }
    }

}

@layer styl.theme {
    @media (min-width: 768px) {
        :root {
            --layout-inline-padding: 2rem !important;
        }
    }
}

@layer styl.base {
    .header-wrapper {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }

    .header-wrapper.scrolling {
        background: radial-gradient(73.91% 86.95% at 76.8% 52.78%, var(--color-orange-bright)0%, var(--color-orange-dark)100%);
        top: 0px !important;
        padding: var(--spacing-m) 0;
    }
}

.rkids-ws-form-wrapper {
    max-width: 600px;
    margin-inline: auto;
}

/* .form-group → .wsf-field-wrapper */
.rkids-ws-form-wrapper .wsf-field-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
}

/* labels */
.rkids-ws-form-wrapper .wsf-field-wrapper .wsf-label {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs);
    font-weight: var(--font-weight-medium);
    color: var(--styl-heading-color);
}

/* required indicator */
.rkids-ws-form-wrapper .wsf-field-wrapper .wsf-required {
    color: var(--styl-form-control-accent-color);
}

/* inputs and textareas — element+class selectors to beat WSF's specificity */
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="text"].wsf-field,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="email"].wsf-field,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="tel"].wsf-field,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="number"].wsf-field,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="url"].wsf-field,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="search"].wsf-field,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="password"].wsf-field,
.rkids-ws-form-wrapper .wsf-field-wrapper textarea.wsf-field {
    padding: 0.5em 0.8em;
    border-radius: var(--styl-form-control-border-radius);
    border: var(--styl-stroke);
    background: var(--styl-form-control-background);
    color: var(--styl-form-control-foreground);
    width: 100%;
    font-family: var(--font-body);
    font-size: var(--text-base);
    transition:
        outline-width 0.15s ease-in-out,
        outline-offset 0.15s ease-in-out,
        outline-color 0.15s ease-in-out;
}

/* focus & hover states */
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="text"].wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="text"].wsf-field:focus,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="email"].wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="email"].wsf-field:focus,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="tel"].wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="tel"].wsf-field:focus,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="number"].wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="number"].wsf-field:focus,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="url"].wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="url"].wsf-field:focus,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="search"].wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="search"].wsf-field:focus,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="password"].wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper input[type="password"].wsf-field:focus,
.rkids-ws-form-wrapper .wsf-field-wrapper textarea.wsf-field:hover,
.rkids-ws-form-wrapper .wsf-field-wrapper textarea.wsf-field:focus {
    outline: 2px solid var(--styl-form-control-accent-color);
    outline-offset: -2px;
    box-shadow: none;
}

/* textarea specifics */
.rkids-ws-form-wrapper .wsf-field-wrapper textarea.wsf-field {
    resize: vertical;
    min-height: 8rem;
}

/* success message */
.rkids-ws-form-wrapper .wsf-message-success {
    padding: var(--spacing-m);
    border-radius: var(--radius-s);
    text-align: center;
    background: var(--color-brand-light);
    color: var(--styl-heading-color);
    border: 1px solid var(--styl-form-control-accent-color);
}

.rkids-ws-form-wrapper .wsf-message-success p {
    margin: 0;
    font-weight: var(--font-weight-medium);
}

.brxe-ws-form-form .wsf-form button.wsf-button.button {
    --_bg: var(--color-orange);
    --_color: var(--color-white);
    --_radius: 60px;
    --_font-size: var(--text-sm, var(--text-base));
    --_padding-x: var(--spacing-l);
    --_padding-y: var(--spacing-m);
    --_gutter: .5ch;
    --styl-focus-color: var(--_bg);
    gap: var(--_gutter);
    line-height: var(--leading-fine);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: var(--_bg);
    color: var(--_color);
    padding: var(--_padding-y)var(--_padding-x);
    border-radius: var(--_radius);
    width: 100%;
    font-family: var(--font-display);
    font-size: var(--_font-size);
    font-weight: var(--font-weight-normal, 400);
    border: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: filter .18s, transform 80ms;
    display: inline-flex
}

.brxe-ws-form-form .wsf-form button.wsf-button.wsf-button-danger.button {
    --_bg: var(--color-orange-dark);
    --_padding-x: var(--spacing-s);
    --_padding-y: var(--spacing-s);
}

.brxe-ws-form-form .wsf-form button.wsf-button.wsf-button-danger.button[aria-label="Remove"] {
    max-width: fit-content;
}


.brxe-ws-form-form .wsf-form button.wsf-button.button:hover {
    filter: brightness(105%);
    background: var(--_bg) !important;
}

/* Pending payment */
.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
    color: #777; /* grey */
}

/* Processing */
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
    color: #2271b1; /* blue */
}

/* On hold */
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
    color: #f0ad4e; /* amber/orange */
}

/* Completed */
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
    color: #5b841b; /* green */
}

/* Cancelled */
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
    color: #e2401c; /* red */
}

/* Refunded */
.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
    color: #b46ee0; /* purple */
}

/* Failed */
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
    color: #e2401c; /* red */
}

/* ===================================
   RUKIDSCLUB — WooCommerce Order View
   Scoped to: .styl-view-order
   =================================== */

.styl-view-order {
  --rk-orange:       #f69d05;
  --rk-orange-deep:  #ea5b0c;
  --rk-dark:         #17222b;
  --rk-text:         #3d4752;
  --rk-muted:        #6b7280;
  --rk-border:       #e8eaed;
  --rk-surface-warm: #fffbf5;
}

/* ── Content max-width ─────────────── */
.styl-view-order .brxe-woocommerce-account-view-order {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 8px 24px 48px !important;
}

/* ── Order meta info bar ───────────── */
.styl-view-order .brxe-woocommerce-account-view-order > p {
  color: var(--rk-muted) !important;
  margin-bottom: 28px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 12px 16px !important;
  background: var(--rk-surface-warm) !important;
  border: 1px solid rgba(246,157,5,.22) !important;
  border-left: 4px solid var(--rk-orange) !important;
  border-radius: 6px !important;
  line-height: 1.6 !important;
}

.styl-view-order mark.order-number,
.styl-view-order mark.order-date,
.styl-view-order mark.order-status {
  background: transparent !important;
  padding: 0 !important;
}
.styl-view-order mark.order-number,
.styl-view-order mark.order-date {
  font-weight: 700 !important;
  color: var(--rk-dark) !important;
}
.styl-view-order mark.order-status {
  display: inline-block !important;
  background: linear-gradient(135deg, var(--rk-orange) 0%, var(--rk-orange-deep) 100%) !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 2px 11px !important;
  border-radius: 20px !important;
  font-size: 0.75em !important;
  vertical-align: middle !important;
  box-shadow: 0 2px 6px rgba(234,91,12,.22) !important;
}

/* ── Section wrappers — no box ─────── */
.styl-view-order .woocommerce-order-details {
  display: block !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 32px !important;
  overflow: visible !important;
}

/* ── Section headings — theme defaults + divider only ── */
.styl-view-order .woocommerce-order-details__title,
.styl-view-order .woocommerce-column__title {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--rk-border) !important;
  border-radius: 0 !important;
  padding: 0 0 10px !important;
  margin: 0 0 20px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* ── Order table — borderless ─────── */
.styl-view-order table.woocommerce-table--order-details {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  background: transparent !important;
}

.styl-view-order table.woocommerce-table--order-details th.product-name,
.styl-view-order table.woocommerce-table--order-details td.product-name {
  width: 65% !important;
}
.styl-view-order table.woocommerce-table--order-details th.product-total,
.styl-view-order table.woocommerce-table--order-details td.product-total {
  width: 35% !important;
}

.styl-view-order table.woocommerce-table--order-details thead th {
  color: var(--rk-muted) !important;
  font-weight: 600 !important;
  padding: 0 0 8px !important;
  border-bottom: 2px solid var(--rk-border) !important;
  background: transparent !important;
  text-align: left !important;
  font-size: 0.8em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.styl-view-order table.woocommerce-table--order-details thead th.product-total {
  text-align: right !important;
}

.styl-view-order table.woocommerce-table--order-details tbody td {
  padding: 16px 0 !important;
  vertical-align: top !important;
  border-bottom: 1px solid var(--rk-border) !important;
  color: var(--rk-text) !important;
  background: transparent !important;
}

.styl-view-order table.woocommerce-table--order-details .product-name a {
  font-weight: 600 !important;
  color: var(--rk-dark) !important;
  text-decoration: none !important;
}
.styl-view-order table.woocommerce-table--order-details .product-name a:hover {
  color: var(--rk-orange-deep) !important;
  text-decoration: underline !important;
}

.styl-view-order table.woocommerce-table--order-details .product-quantity {
  display: inline-block !important;
  color: var(--rk-muted) !important;
  font-weight: 500 !important;
  padding: 1px 8px !important;
  border-radius: 20px !important;
  margin-left: 6px !important;
  border: 1px solid var(--rk-border) !important;
  vertical-align: middle !important;
  font-size: 0.78em !important;
  background: transparent !important;
}

.styl-view-order table.woocommerce-table--order-details td.product-total {
  text-align: right !important;
  font-weight: 600 !important;
  color: var(--rk-dark) !important;
  white-space: nowrap !important;
  vertical-align: top !important;
  background: transparent !important;
}

/* ── Appointment info — no box, no borders ── */
.styl-view-order .rk-appt-block {
  margin-top: 20px !important;
  border: none !important;
  background: transparent !important;
  overflow: visible !important;
}

.styl-view-order .rk-appt-header {
  font-size: 0.72em !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: var(--rk-muted) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 0 8px !important;
  margin-bottom: 4px !important;
}

.styl-view-order .rk-meta-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  padding: 9px 0 !important;
  border: none !important;
  background: transparent !important;
}

.styl-view-order .rk-meta-label {
  font-weight: 600 !important;
  color: var(--rk-dark) !important;
  white-space: nowrap !important;
  min-width: 140px !important;
  font-size: 0.88em !important;
  text-transform: capitalize;
}
.styl-view-order .rk-meta-value {
  color: var(--rk-text) !important;
  flex: 1 !important;
  font-size: 0.88em !important;
}

/* Additional Info section header */
.styl-view-order .rk-meta-section-header {
  margin-top: 24px !important;
  border: none !important;
  padding-top: 0 !important;
}
.styl-view-order .rk-meta-section-header .rk-meta-label {
  font-size: 0.7em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.7px !important;
  color: var(--rk-muted) !important;
  font-weight: 700 !important;
}

/* ── Totals footer — no background ── */
.styl-view-order table.woocommerce-table--order-details tfoot {
  background: transparent !important;
}
.styl-view-order table.woocommerce-table--order-details tfoot tr th,
.styl-view-order table.woocommerce-table--order-details tfoot tr td {
  padding: 10px 0 !important;
  border-top: 1px solid var(--rk-border) !important;
  border-bottom: none !important;
  background: transparent !important;
  font-weight: 500 !important;
  color: var(--rk-text) !important;
}
.styl-view-order table.woocommerce-table--order-details tfoot td {
  text-align: right !important;
}

/* Total row */
.styl-view-order table.woocommerce-table--order-details tfoot tr:nth-child(2) th,
.styl-view-order table.woocommerce-table--order-details tfoot tr:nth-child(2) td {
  font-weight: 700 !important;
  color: var(--rk-dark) !important;
  background: transparent !important;
  border-top: 1px solid var(--rk-border) !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Payment method row */
.styl-view-order table.woocommerce-table--order-details tfoot tr:nth-child(3) th,
.styl-view-order table.woocommerce-table--order-details tfoot tr:nth-child(3) td {
  font-weight: 400 !important;
  color: var(--rk-muted) !important;
  font-size: 0.9em !important;
  background: transparent !important;
  border-top: 1px solid var(--rk-border) !important;
}


/* ── Thank you notice ──────────────── */
.styl-view-order .woocommerce-notice--success {
  text-align: center !important;
  color: var(--rk-dark) !important;
  margin-bottom: 24px !important;
  font-size: 1.05em !important;
  padding: 14px 20px !important;
  background: var(--rk-surface-warm) !important;
  border: 1px solid rgba(246,157,5,.22) !important;
  border-left: 4px solid var(--rk-orange) !important;
  border-radius: 6px !important;
  display: block !important;
}

/* ── Order overview table (UL) ─────── */
.styl-view-order .woocommerce-order-overview {
  display: flex !important;
  flex-wrap: wrap !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 8px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  overflow: hidden !important;
}

.styl-view-order .woocommerce-order-overview li {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 14px 20px !important;
  border: none !important;
  border-right: 1px solid var(--rk-border) !important;
  border-bottom: 1px solid var(--rk-border) !important;
  background: transparent !important;
  font-size: 0.85em !important;
  color: var(--rk-muted) !important;
  line-height: 1.4 !important;
  flex: 1 1 160px !important;
}

.styl-view-order .woocommerce-order-overview li strong {
  display: block !important;
  color: var(--rk-dark) !important;
  font-weight: 700 !important;
  font-size: 1.05em !important;
}

.styl-view-order .woocommerce-order-overview__total strong {
  font-size: 1.1em !important;
}

/* ── Payment instruction paragraph ── */
.styl-view-order .brxe-woocommerce-checkout-thankyou > p:not(.woocommerce-notice) {
  font-size: 0.85em !important;
  color: var(--rk-muted) !important;
  text-align: center !important;
  margin: 4px 0 32px !important;
  padding: 8px 16px !important;
  background: var(--rk-surface-warm) !important;
  border-radius: 6px !important;
  border: 1px dashed rgba(246,157,5,.3) !important;
}


/* Fix blue flash on input hover/focus */
.rkids-ws-form-wrapper {
  --wsf-field-border-color-focus: var(--styl-form-control-accent-color, #ffc701);
  --wsf-field-border-color-hover: var(--styl-form-control-accent-color, #ffc701);
}

.rkids-ws-form-wrapper .wsf-field:focus {
  outline: 2px solid var(--styl-form-control-accent-color, #ffc701) !important;
  outline-offset: -2px !important;
}

.rkids-ws-form-wrapper input.wsf-field,
.rkids-ws-form-wrapper textarea.wsf-field,
.rkids-ws-form-wrapper select.wsf-field {
  transition: outline-width 0.15s ease-in-out, outline-offset 0.15s ease-in-out;
}

/* Fix: checkbox checked state - replace blue with orange */
.rkids-ws-form-wrapper {
  --wsf-field-checkbox-checked-color-background: var(--styl-form-control-accent-color, #ffc701);
  --wsf-field-checkbox-checkmark-color: var(--color-gray-1);
}

/* Fix: blue border/outline on checkbox focus */
.rkids-ws-form-wrapper input[type="checkbox"].wsf-field:focus {
  border-color: var(--styl-form-control-accent-color, #ffc701) !important;
  outline: 2px solid var(--styl-form-control-accent-color, #ffc701) !important;
  outline-offset: 1px !important;
}

/* Hide Custom Fields */
#am-cf-9,
#am-cf-10 {
  display: none !important;
}

/* ─────────────────────────────────────────────
   Participant Details row — Order Received page
   Matches the Amelia "Appointment Info" table style
   ───────────────────────────────────────────── */

.borahh-participant-thankyou {
	width: 100%;
	border-collapse: collapse;
	margin-top: 0;
	margin-bottom: 0;
	border: none;
}

.borahh-participant-thankyou td {
	padding: 0.5em 0;
	border: none;
	font-size: inherit;
	line-height: inherit;
	vertical-align: top;
    color: var(--color-black);
}

.borahh-participant-thankyou__label {
	font-weight: 700;
	width: 40%;
	padding-right: 1em;
}

.borahh-participant-thankyou__value {
	width: 60%;
}

/* НАЧАЛО блока страницы Prices, студия СТЕК. Не править руками: файл-источник rukidsclub-pages/prices.css */
/* Страница Prices: блок дописывается в конец style.css дочерней темы между метками, править здесь. Корневой
   шрифт 10px, поэтому 2rem это 20px макета. */

@layer styl.blocks {

	/* Общий подвал сайта: найденная ошибка ---------------------------------- */

	/* Адрес в подвале идёт одним неразрывным куском и уже с 360px распирает страницу вбок. Правило общее для темы
	   и переезжает вместе с блоком. */
	.site-footer__contact-info p {
		font-size: clamp(2.2rem, 7vw, 5.4rem);
		overflow-wrap: anywhere;
	}

	/* Шапка сайта на этой странице ---------------------------------------- */

	/* Шапка на этой странице лежит на белом, поэтому надписи тёмные. Привязка через :has() к метке первого блока:
	   не зависит от номера страницы. */
	body:has(.prices-page) #brx-header {
		--surface-color: var(--color-black);
		--surface-link-color: var(--color-black);
		--surface-link-hover-color: var(--color-orange);
		background: var(--color-white);
	}

	/* Значки шапки нарисованы белым, на белом фоне красим их в чёрное. */
	body:has(.prices-page) #brx-header .site-header__actions img,
	body:has(.prices-page) #brx-header .site-header__nav img {
		filter: brightness(0);
	}

	body:has(.prices-page) #brx-header .site-header__lang {
		outline: 1px solid var(--color-black);
	}

	/* Выбранный язык на белой шапке сливался с фоном: пилюля белая и фон белый.
	   Меняем местами, как в макете, тёмный овал и белая надпись. */
	body:has(.prices-page) #brx-header .site-header__lang .site-header__lang-link--active {
		background: var(--color-black);
		color: var(--color-white);
		border-color: var(--color-black);
	}

	/* Третья версия логотипа, полностью цветная: в шапке лежит вариант для оранжевого фона, на белом он теряет
	   первые буквы. */
	body:has(.prices-page) #brx-header .site-header__logo img {
		content: url("/wp-content/uploads/2026/03/Logo-8.png");
	}

	/* Рюкзак заходит за край колонки и на 390px растягивал страницу вбок. */
	.free-class {
		position: relative;
		overflow: hidden;
	}

	.free-class h2 {
		font-size: clamp(3.6rem, 3.33vw, 6.4rem);
	}

	/* Положение и размер как в макете: 490px, заходит за правый край. */
	.free-class__deco {
		position: absolute;
		inset-block-start: -2rem;
		inset-inline-end: -4rem;
		inline-size: 49rem;
		max-inline-size: 40%;
		opacity: .12;
		pointer-events: none;
	}

	/* Текст и кнопка идут поверх рюкзака. */
	.free-class > :not(.free-class__deco) {
		position: relative;
	}

	/* Место под прилипающую шапку: на других страницах его даёт оранжевый блок. */
	body:has(.prices-page) #brx-content {
		padding-block-start: 14.1rem;
	}

	@media (max-width: 767px) {

		body:has(.prices-page) #brx-content {
			padding-block-start: 9rem;
		}
	}

	/* В макете между большими блоками 160px. */
	body:has(.prices-page) #brx-content > section + section {
		margin-block-start: 16rem;
	}

	.prices-headline {
		--flow-space: 1rem;
	}

	/* Верхняя граница clamp это размер при 1920, ниже кегль тянется по экрану. */
	.prices-headline h1 {
		font-size: clamp(4rem, 4.27vw, 8.2rem);
	}

	.prices-headline p {
		font-size: clamp(1.8rem, 1.67vw, 3.2rem);
	}

	/* Тарифы -------------------------------------------------------------- */

	.plans-grid {
		/* Галочка вшита в стиль, чтобы не зависеть от медиатеки при переезде. */
		--plans-check: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22fi-rr-check%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%2212%22%20fill%3D%22%23F4F4F4%22%2F%3E%20%3Cpath%20id%3D%22Vector%22%20d%3D%22M17.1447%208.14352L10.2358%2014.8822C10.1893%2014.9277%2010.1341%2014.9638%2010.0733%2014.9884C10.0126%2015.0131%209.94738%2015.0257%209.88156%2015.0257C9.81574%2015.0257%209.75056%2015.0131%209.68978%2014.9884C9.62899%2014.9638%209.57379%2014.9277%209.52734%2014.8822L6.85557%2012.2736C6.80912%2012.2282%206.75392%2012.1921%206.69313%2012.1674C6.63235%2012.1428%206.56717%2012.1301%206.50135%2012.1301C6.43553%2012.1301%206.37036%2012.1428%206.30957%2012.1674C6.24878%2012.1921%206.19358%2012.2282%206.14713%2012.2736V12.2736C6.1005%2012.319%206.06349%2012.3728%206.03825%2012.4321C6.013%2012.4914%206%2012.555%206%2012.6192C6%2012.6834%206.013%2012.7469%206.03825%2012.8062C6.06349%2012.8655%206.1005%2012.9194%206.14713%2012.9647L8.8199%2015.5713C9.10185%2015.8458%209.48394%2016%209.88231%2016C10.2807%2016%2010.6628%2015.8458%2010.9447%2015.5713L17.8531%208.83407C17.8997%208.78877%2017.9366%208.73495%2017.9618%208.6757C17.987%208.61645%2018%208.55294%2018%208.48879C18%208.42465%2017.987%208.36113%2017.9618%208.30188C17.9366%208.24263%2017.8997%208.18882%2017.8531%208.14352C17.8067%208.09803%2017.7515%208.06193%2017.6907%208.03731C17.6299%208.01268%2017.5647%208%2017.4989%208C17.4331%208%2017.3679%208.01268%2017.3071%208.03731C17.2463%208.06193%2017.1911%208.09803%2017.1447%208.14352Z%22%20fill%3D%22%23E68E02%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
		display: grid;
		gap: 2rem;
		grid-template-columns: 1fr;
	}

	.plan-card {
		display: flex;
		overflow: hidden;
		flex-direction: column;
		border-radius: var(--radius-4xl);
		background: var(--color-gray-1);
	}

	.plan-card__head {
		padding: 2rem;
		text-align: center;
		background: var(--color-orange);
	}

	/* Общий стиль темы переводит h2 в верхний регистр, в макете его нет. */
	.plan-card__head :is(h2, h3) {
		margin: 0;
		font-family: var(--font-display);
		font-size: clamp(2.4rem, 1.67vw, 3.2rem);
		line-height: var(--leading-flat);
		text-transform: none;
		color: var(--color-white);
	}

	.plan-card__body {
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: 2rem;
		padding: 2rem;
	}

	.plan-card__points {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	/* Галочка фоном: в разметке остаётся только текст, и в конструкторе нечего случайно удалить. */
	.plan-card__point {
		display: flex;
		gap: 1rem;
		padding: 1rem;
		border-radius: var(--radius-2xl);
		font-size: clamp(1.6rem, 1.04vw, 2rem);
		line-height: var(--leading-fine);
		color: var(--color-black);
		background: var(--color-white);
	}

	.plan-card__point::before {
		content: "";
		flex: 0 0 var(--icon-size-sm);
		block-size: var(--icon-size-sm);
		background: var(--plans-check) center / contain no-repeat;
	}

	.plan-card__point b {
		display: block;
		font-weight: 700;
	}

	.plan-card__foot {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 2rem;
		margin-block-start: auto;
	}

	.plan-card__price {
		margin: 0;
		font-weight: 700;
		font-size: clamp(3.6rem, 2.5vw, 4.8rem);
		line-height: var(--leading-fine);
		letter-spacing: -.05em;
		color: var(--color-orange);
	}

	.plan-card__term {
		margin: 0;
		font-size: 1.4rem;
		color: var(--color-black);
	}

	/* В теме .button по умолчанию во всю ширину, карточке тарифа это не нужно. */
	.plan-card .button {
		width: auto;
	}

	/* Как работает абонемент --------------------------------------------- */

	.prices-info {
		display: grid;
		gap: 2rem;
		grid-template-columns: 1fr;
		align-items: start;
	}

	.info-grid {
		display: grid;
		gap: 2rem;
		grid-template-columns: 1fr;
	}

	/* Заголовки разделов в макете 48px и без капса. */
	.prices-info > * > h2,
	.bonus-panel > h2 {
		font-size: clamp(3rem, 2.5vw, 4.8rem);
		text-transform: none;
	}

	.info-card {
		padding: 2rem;
		border-radius: var(--radius-4xl);
		text-align: center;
		background: var(--color-gray-1);
	}

	.info-card :is(h2, h3) {
		margin: 0 0 1rem;
		font-family: var(--font-display);
		font-size: clamp(2.2rem, 1.67vw, 3.2rem);
		line-height: var(--leading-flat);
		text-transform: none;
	}

	.info-card p {
		margin: 0;
		font-size: clamp(1.6rem, 1.04vw, 2rem);
	}

	/* Бонусные занятия ---------------------------------------------------- */

	.bonus-panel {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		padding: 4rem;
		border-radius: var(--radius-4xl);
		background: var(--color-gray-1);
	}

	.bonus-grid {
		display: grid;
		gap: 2rem;
		grid-template-columns: 1fr;
	}

	.bonus-card {
		display: flex;
		gap: 2rem;
		padding: 2rem;
		border-radius: var(--radius-4xl);
		background: var(--color-white);
	}

	/* Значок из макета: 60px, не сжимается. */
	.bonus-card__icon {
		flex: 0 0 6rem;
		block-size: 6rem;
		object-fit: contain;
	}

	.bonus-card__body {
		--flow-space: 1rem;
	}

	.bonus-card :is(h2, h3) {
		margin: 0;
		font-family: var(--font-display);
		font-size: clamp(2.2rem, 1.67vw, 3.2rem);
		line-height: var(--leading-flat);
		text-transform: none;
	}

	.bonus-card p {
		margin: 0;
		font-size: clamp(1.6rem, 1.04vw, 2rem);
	}

	/* В макете это кнопка, но нажимать её некуда, поэтому обычный блок. */
	.bonus-note {
		padding: 2.4rem 12rem;
		border-radius: 60px;
		text-align: center;
		color: var(--color-gray-1);
		background: var(--color-black);
	}

	.bonus-note strong {
		display: block;
		margin-block-end: 1rem;
		font-family: var(--font-display);
		font-weight: 400;
		font-size: clamp(2.2rem, 1.67vw, 3.2rem);
		line-height: var(--leading-flat);
		color: var(--color-orange);
	}

	.bonus-note p {
		margin: 0;
		font-size: 1.4rem;
	}

	/* Первое занятие бесплатно и нижние баннеры ---------------------------- */

	.promo-grid {
		display: grid;
		gap: 2rem;
		grid-template-columns: 1fr;
	}

	.promo-card {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 4rem;
		padding: 4rem;
		border-radius: var(--radius-4xl);
		text-align: center;
		background: var(--color-gray-1);
	}

	.promo-card :is(h2, h3) {
		margin: 0;
		font-family: var(--font-display);
		font-size: clamp(2.8rem, 2.5vw, 4.8rem);
		line-height: var(--leading-flat);
		text-transform: none;
	}

	.promo-card p {
		margin: 0;
		max-width: 60rem;
		margin-inline: auto;
		font-size: clamp(1.6rem, 1.04vw, 2rem);
		color: var(--color-gray-2, #818a91);
	}

	.promo-card__body {
		position: relative;
		z-index: 1;
	}

	.promo-card .button {
		width: auto;
		align-self: center;
		position: relative;
		z-index: 1;
	}

	/* Поле нарисовано и не работает: приём заявок это отдельная задача. */
	.wallet-form {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: center;
		gap: 2rem;
		width: 100%;
	}

	.wallet-input {
		display: flex;
		align-items: center;
		gap: var(--spacing-2xs);
		width: min(40rem, 100%);
		padding: 1rem;
		border-radius: var(--radius-2xl);
		font-size: clamp(1.6rem, 1.04vw, 2rem);
		background: var(--color-white);
	}

	.wallet-input span:first-child {
		flex: 1;
		text-align: start;
		color: var(--color-gray-3);
	}

	.wallet-input span:last-child {
		color: var(--color-gray-2, #818a91);
	}

	/* Подарочный сертификат: в макете фото это подложка карточки на всю высоту. */
	.promo-card--photo {
		position: relative;
		overflow: hidden;
		justify-content: flex-start;
		min-block-size: 40rem;
		background: var(--color-gray-1);
	}

	.promo-card--photo > .brxe-image {
		position: absolute;
		inset: 0;
		inline-size: 100%;
		block-size: 100%;
		object-fit: cover;
	}

	/* Кнопка нерабочего блока: выглядит как в макете, но не нажимается. */
	.button.is-off {
		cursor: default;
		pointer-events: none;
	}

	/* Блок собран, но выключен: включается снятием этого класса в конструкторе. */
	.is-draft {
		display: none;
	}

	/* Узкие экраны нарисованы отдельным кадром 480, числа там свои. */
	@media (max-width: 767px) {

		.plans-grid,
		.info-grid,
		.bonus-grid,
		.promo-grid,
		.prices-info {
			gap: 1rem;
		}

		.bonus-note {
			padding: 2.4rem 2rem;
		}

		.bonus-panel {
			padding: 2rem;
		}

		.promo-card {
			gap: 2rem;
			padding: 3rem 2rem;
		}

		.bonus-card {
			flex-direction: column;
			align-items: center;
			text-align: center;
		}

		body:has(.prices-page) #brx-content > section + section {
			margin-block-start: 8rem;
		}
	}

	/* Пороги перестроений сняты с шести кадров макета, таблица в памяти проекта. */
	@media (min-width: 600px) {

		.plans-grid,
		.info-grid,
		.bonus-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (min-width: 1200px) {

		.promo-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (min-width: 1400px) {

		.plans-grid {
			grid-template-columns: repeat(4, 1fr);
		}

		.prices-info {
			grid-template-columns: repeat(2, 1fr);
		}

		/* Карточка сертификата выше только на широких: в макете 500 против 400. */
		.promo-card--photo {
			min-block-size: 50rem;
		}
	}
}

/* КОНЕЦ блока страницы Prices */


/* НАЧАЛО блока страницы Group Classes, студия СТЕК. Не править руками: файл-источник rukidsclub-pages/group-classes.css */
/* Страница Group Classes: блок дописывается в конец style.css дочерней темы между метками, править здесь.
   Корневой шрифт 10px, поэтому 2rem это 20px макета; ступени кеглей и пороги перестроений в памяти проекта. */

@layer styl.blocks {

	/* Оранжевый верх ------------------------------------------------------ */

	/* Баннер собран числами макета. Фигуры вшиты картинками вместе с поворотом,
	   фоном его не задать; координаты идут от ширины 1920, отсюда vw. */
	.gc-hero {
		position: relative;
		overflow: hidden;
		border-end-start-radius: 4rem;
		border-end-end-radius: 4rem;
		background:
			url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%22236%22%20height%3D%22235%22%20viewBox%3D%220%200%20236%20235%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22Abstract%201%22%3E%20%3Cpath%20id%3D%22Vector%22%20d%3D%22M202.018%2036.1602V117.727C155.419%20117.727%20117.764%20154.181%20117.764%20199.293H33.9805C33.9805%20109.069%20109.291%2036.1602%20202.018%2036.1602Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") 29.30vw 3.18vw / 12.29vw auto no-repeat,
			url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%22183%22%20height%3D%22183%22%20viewBox%3D%220%200%20183%20183%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22Abstract%202%22%3E%20%3Cpath%20id%3D%22Vector%22%20d%3D%22M141.06%2093.0566C179.868%20140.722%20140.154%20179.363%2091.1641%20141.604C42.1743%20179.363%202.46066%20140.722%2041.2684%2093.0566C2.46066%2045.3909%2042.1747%206.75057%2091.1641%2044.5095C140.154%206.75057%20179.868%2045.3913%20141.06%2093.0566Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") 46.80vw 13.70vw / 9.53vw auto no-repeat,
			url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%22363%22%20height%3D%22363%22%20viewBox%3D%220%200%20363%20363%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22Abstract%20%22%3E%20%3Cpath%20id%3D%22Vector%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M313.583%20107.289H256.287C215.362%20107.289%20181.133%20139.869%20181.133%20180.412C181.133%20139.869%20147.649%20107.289%20106.723%20107.289H49.4277V126.837C49.4277%20197.788%20108.956%20255.707%20181.877%20255.707C254.799%20255.707%20314.327%20197.788%20314.327%20126.837L313.583%20107.289Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") 65.23vw 24.01vw / 18.91vw auto no-repeat,
			url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%22137.007%22%20height%3D%2287.1614%22%20viewBox%3D%220%200%20137.007%2087.1614%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22Layer_1%22%3E%20%3Cpath%20id%3D%22Vector%22%20d%3D%22M94.8511%200C84.875%200%2075.7231%203.60152%2068.5038%209.59022C61.2841%203.60191%2052.1323%200%2042.1561%200C18.8743%200%200%2019.5118%200%2043.5807C0%2067.6496%2018.874%2087.1614%2042.1561%2087.1614C52.1323%2087.1614%2061.2845%2083.5599%2068.5038%2077.5712C75.7231%2083.5599%2084.875%2087.1614%2094.8511%2087.1614C118.133%2087.1614%20137.007%2067.6496%20137.007%2043.5807C137.007%2019.5118%20118.133%200%2094.8511%200Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") 67.42vw 6.06vw / 7.14vw auto no-repeat,
			url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22259.135%22%20height%3D%22259.135%22%20viewBox%3D%220%200%20259.135%20259.135%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22rotate%2860%20129.5675%20129.5675%29%22%3E%3Cg%20transform%3D%22translate%2839.5%2072.5%29%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M124.768%200C111.645%200%2099.6068%204.71354%2090.1104%2012.5513C80.6136%204.71405%2068.5752%200%2055.4525%200C24.8275%200%200%2025.5363%200%2057.0369C0%2088.5374%2024.827%20114.074%2055.4525%20114.074C68.5752%20114.074%2080.6141%20109.36%2090.1104%20101.522C99.6068%20109.36%20111.645%20114.074%20124.768%20114.074C155.393%20114.074%20180.22%2088.5374%20180.22%2057.0369C180.22%2025.5363%20155.393%200%20124.768%200Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") 13.32vw 14.23vw / 13.50vw auto no-repeat,
			radial-gradient(96.35% 99.7% at 76.8% 52.8%, #f69d05 0%, #ea5b0c 100%);
	}

	/* Отступ сверху ставит первый ряд на макетное место; между 1920 и 1600 величина идёт прямой, нижняя граница
	   держит её на широких мониторах. */
	/* Точку отсчёта держит сам оранжевый блок: у внутреннего контейнера прибавлялся ещё и его собственный отступ. */

	.gc-hero__inner {
		display: grid;
		align-items: end;
		gap: 0;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.gc-hero__txt {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 3.2rem;
	}

	/* Кегли заголовка и подписи в макете свои на каждой ширине; формулы дают ровно эти числа на нарисованных и
	   тянутся прямой между ними. */
	.gc-hero__txt h1 {
		margin: 0;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		font-family: var(--font-display);
		font-size: calc(2.083vw + 28px);
		line-height: 1;
		/* Chrome набирает Coolvetica примерно на 1.5% шире, чем рисует Фигма: разницу возвращаем межбуквенным
		   расстоянием, кегль не трогаем. */
		letter-spacing: -0.0084em;
		text-transform: uppercase;
		color: var(--color-white);
	}

	.gc-hero__txt p {
		margin: 0;
		font-size: 2rem;
		line-height: 1.2;
		color: var(--color-white);
	}

	/* Фигма меряет надпись по высоте букв, браузер по строке целиком: обрезаем строку так же, как заголовок,
	   отбивку кнопки не трогаем. */
	/* Ширину кнопки задаём числом: надпись в браузере набирается уже, и одной отбивкой её не добрать. */
	.gc-hero__txt .button {
		padding-inline: 3.2rem;
	}

	.gc-hero__txt .button span {
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	@media (min-width: 1024px) {

		.gc-hero__txt h1 { font-size: calc(2.273vw + 20.7px); }
		.gc-hero__txt p  { font-size: calc(2.273vw - 3.3px); }
	}

	@media (min-width: 1200px) {

		.gc-hero__txt h1 { font-size: 4vw; }
		.gc-hero__txt p  { font-size: calc(1vw + 12px); }
	}

	@media (min-width: 1600px) {

		/* При 1920 заголовок в макете разложен в две строки шириной 745px. */
		.gc-hero__txt h1 {
			max-inline-size: 74.5rem;
			font-size: calc(5.625vw - 26px);
		}

		.gc-hero__txt p {
			max-inline-size: 79.5rem;
			font-size: calc(1.25vw + 8px);
		}
	}

	/* Отступ под прилипшую шапку, иначе переход по разделу оставляет заголовок под ней. Высоту шапки меряет
	   скрипт: на узких она переносится в две строки. */
	#lesson-catalog,
	#subscriptions,
	#schedule {
		scroll-margin-block-start: calc(var(--gc-head, 80px) + 2rem);
	}

	/* Якорная навигация под шапкой: в макете 480px по центру, три раздела. */
	.gc-nav {
		position: absolute;
		inset-block-start: 11rem;
		inset-inline: 0;
		/* Слой ниже прилипшей шапки темы: полоска уезжает под неё, как обычное содержимое, а не поверх оранжевой
		   шапки. */
		z-index: 99;
		display: flex;
		justify-content: center;
	}

	/* Вторая такая же полоска над каталогом. В самой странице она спрятана, её роль взяла всплывающая копия;
	   разметка оставлена образцом для копии. */
	.gc-nav.gc-nav--light:not(.gc-nav--float-copy) {
		display: none;
	}

	.gc-nav.gc-nav--light {
		position: static;
		margin-block-end: 8.5rem;
	}

	.gc-nav-float .gc-nav.gc-nav--light {
		display: flex;
	}

	.gc-nav.gc-nav--light a {
		border-block-start-color: var(--color-gray-2, #818a91);
		color: var(--color-gray-2, #818a91);
	}

	.gc-nav.gc-nav--light a:first-child {
		border-block-start-color: var(--color-orange);
		opacity: 1;
		color: var(--color-orange);
	}

	/* Какой раздел сейчас читают: метку ведёт скрипт, а первый раздел остаётся подсвеченным и без него. */
	/* Отбор обязан быть сильнее правила первого раздела выше, иначе подсвеченных становится два сразу. */
	.gc-nav.gc-nav--js a:not(.is-on) {
		border-block-start-color: var(--color-gray-1, #f4f4f4);
		opacity: .4;
		color: var(--color-gray-1, #f4f4f4);
	}

	.gc-nav.gc-nav--js a.is-on {
		border-block-start-color: var(--color-white);
		opacity: 1;
		color: var(--color-white);
	}

	.gc-nav.gc-nav--light.gc-nav--js a:not(.is-on) {
		border-block-start-color: var(--color-gray-2, #818a91);
		opacity: .4;
		color: var(--color-gray-2, #818a91);
	}

	.gc-nav.gc-nav--light.gc-nav--js a.is-on {
		border-block-start-color: var(--color-orange);
		opacity: 1;
		color: var(--color-orange);
	}

	/* Копия полоски приезжает под шапку на время перехода: держать её прилипшей нельзя, шапка темы тоже прилипшая.
	   Отступ сверху из переменной, её ведёт скрипт. */
	.gc-nav-float {
		position: fixed;
		inset-block-start: var(--gc-head, 100px);
		inset-inline: 0;
		z-index: 99;
		padding-block: 1.2rem .6rem;
		/* Светлая, как полоска над каталогом: под шапкой сайт белый, и оранжевая лента читалась чужим элементом. */
		border-block-end: 1px solid rgb(0 0 0 / 8%);
		background: rgb(255 255 255 / 92%);
		backdrop-filter: blur(6px);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: opacity .18s ease, transform .18s ease, visibility .18s;
	}

	.gc-nav-float.is-shown {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	/* Внутри копии полоска стоит обычным блоком, а не поверх баннера. */
	.gc-nav-float .gc-nav {
		position: static;
		inset: auto;
		margin: 0;
	}

	@media (prefers-reduced-motion: reduce) {

		.gc-nav-float {
			transition: none;
		}
	}

	/* Раздел по макету: полоска идёт сверху и она 4px, у выбранного белая, остальные приглушены. */
	.gc-nav a {
		inline-size: 16rem;
		padding: 1rem 2rem;
		border-block-start: 4px solid var(--color-gray-1, #f4f4f4);
		opacity: .4;
		font-size: 1.6rem;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		color: var(--color-gray-1, #f4f4f4);
	}

	.gc-nav a:first-child {
		border-block-start-color: var(--color-white);
		opacity: 1;
		color: var(--color-white);
	}

	/* Верхняя и нижняя отбивки блока идут прямой между 1920 и 1600; нижняя граница держит их от схлопывания на
	   широких мониторах. */
	@media (min-width: 1400px) {

		.gc-hero {
			padding-block: max(8rem, calc(375px - 13.75vw)) max(4rem, calc(5.625vw - 28px));
		}

		/* Вкладки в макете стоят на 101px и при 1920, и при 1600. */
		.gc-nav {
			inset-block-start: 10.1rem;
		}

		.gc-hero__txt {
			margin-block-end: max(0px, calc(348px - 18.125vw));
		}
	}

	/* Шире 1920 макета нет, всё замирает на его значениях: иначе формулы с vw рвут заголовок на три строки. Фигуры
	   привязываем к центру, содержимое держит контейнер 1840. */
	@media (min-width: 1920px) {

		.gc-hero {
			padding-block: 11.1rem 8rem;
			/* Проценты в background-position совмещают середину картинки с серединой блока, а не отсчитывают её левый
			   край. */
			background-position:
				calc(50% - 279.5px) 61px,
				calc(50% + 30px) 263px,
				calc(50% + 474px) 461px,
				calc(50% + 403px) 116.4px,
				calc(50% - 574.6px) 273.1px,
				center;
			background-size: 236px auto, 183px auto, 363px auto, 137px auto, 259.1px auto, cover;
		}

		.gc-hero__txt h1 { font-size: 8.2rem; }
		.gc-hero__txt p  { font-size: 3.2rem; }

		.gc-hero__txt {
			margin-block-end: 0;
		}
	}

	/* Три кружка, доли и отступы сняты с макета. На средних и узких экранах раскладка другая, она ниже. */
	.gc-hero__photos {
		position: relative;
		inline-size: 100%;
		margin-inline-start: auto;
		aspect-ratio: 920 / 609;
	}

	.gc-hero__photos img {
		position: absolute;
		border-radius: 50%;
		object-fit: cover;
		aspect-ratio: 1;
	}

	.gc-hero__photos img:nth-child(1) {
		inline-size: 58.7%;
		inset-block-start: 11.3%;
		inset-inline-start: 0;
	}

	.gc-hero__photos img:nth-child(2) {
		inline-size: 26.1%;
		inset-block-start: 0;
		inset-inline-end: 13.7%;
	}

	.gc-hero__photos img:nth-child(3) {
		inline-size: 34.8%;
		inset-block-start: 47.4%;
		inset-inline-end: 0;
	}

	/* 1200 и 1024: в макете большой кружок крупнее, а нижний заметно меньше. */
	@media (min-width: 900px) and (max-width: 1399px) {

		.gc-hero {
			padding-block: 15.9rem 6.5rem;
		}

		.gc-hero__inner {
			grid-template-columns: minmax(0, 1fr) 50%;
		}

		.gc-hero__photos {
			aspect-ratio: 559 / 451;
		}

		/* В макете текст опущен ниже нижнего края кружков на 25px. */
		.gc-hero__txt {
			margin-block-end: -2.6rem;
		}

		.gc-hero__photos img:nth-child(1) { inline-size: 71.6%; inset-block-start: 11.3%; }
		.gc-hero__photos img:nth-child(2) { inline-size: 31.8%; inset-block-start: 0; inset-inline-end: 0; }
		.gc-hero__photos img:nth-child(3) { inline-size: 25.8%; inset-block-start: 68.1%; inset-inline-end: 0; }
	}

	/* 1024: блок кружков занимает не половину, а 47.6% ширины страницы. */
	@media (min-width: 900px) and (max-width: 1099px) {

		.gc-hero {
			padding-block: 16.3rem 7rem;
		}

		.gc-hero__inner {
			grid-template-columns: minmax(0, 1fr) 47.6%;
		}

		.gc-hero__txt {
			margin-block-end: -6rem;
		}
	}

	/* Поля страницы: её общий контейнер даёт 20, добавляем недостающее до макетных 40 только своим блокам. */
	@media (min-width: 1100px) and (max-width: 1699px) {

		body:has(.gc-page) #brx-content > section:not(.gc-hero) {
			padding-inline: 2rem;
		}

		.gc-hero__wrap {
			padding-inline: 2rem;
		}
	}

	@media (max-width: 767px) {

		body:has(.gc-page) #brx-content > section:not(.gc-hero) {
			padding-inline: 1rem;
		}

		.gc-hero__wrap {
			padding-inline: 1rem;
		}
	}

	/* Общий ритм страницы ------------------------------------------------- */

	/* В макете между большими блоками 160px, на узких экранах 80px. */
	body:has(.gc-page) #brx-content > section + section {
		margin-block-start: clamp(8rem, 8.33vw, 16rem);
	}

	.gc-head {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		margin-block-end: 3.2rem;
		text-align: center;
	}

	/* Отбивка под заголовком в макете 40 при 1920 и 1600, 32 ниже. */
	@media (min-width: 1600px) {

		.gc-head { margin-block-end: 4rem; }
	}

	/* Её общий стиль переводит h2 в верхний регистр и ставит свои размеры: капс здесь нужен, размер свой. */
	/* Строку обрезаем по высоте букв, как это делает Фигма: иначе раздел уезжает вниз и просвет между карточками
	   расходится с рисунком за ними. */
	.gc-head h2 {
		margin: 0;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		font-size: clamp(3.2rem, 3.33vw, 6.4rem);
		line-height: 1.1;
	}

	.gc-head p {
		margin: 0;
		max-inline-size: 90rem;
		font-size: clamp(1.6rem, 1.04vw, 2rem);
		color: var(--color-gray-3, #565d62);
	}

	/* Как это работает ---------------------------------------------------- */

	.gc-how__cards {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-inline-size: 122rem;
		margin-inline: auto;
	}

	.gc-how__card {
		display: grid;
		/* Заголовок начинается после колонки номера и такого же поля с обеих сторон. */
		gap: 0 1.1rem;
		grid-template-columns: 7.2rem minmax(0, 1fr);
		align-items: start;
		padding: 2rem 1.1rem;
		border-radius: var(--radius-4xl, 2rem);
		background: var(--color-gray-1, #f4f4f4);
	}

	.gc-how__num {
		grid-row: 1 / span 2;
		/* Номер в макете стоит ниже заголовка. */
		margin-block-start: 1.5rem;
		font-family: var(--font-display);
		font-size: clamp(2.4rem, 1.67vw, 3.2rem);
		line-height: 1;
		/* В макете номер шага серый, а не оранжевый. */
		color: var(--color-gray-2, #818a91);
	}

	.gc-how__card h3 {
		margin: 0 0 .5rem;
		font-family: var(--font-display);
		font-size: clamp(2.4rem, 1.67vw, 3.2rem);
		line-height: 1.1;
		text-transform: none;
	}

	.gc-how__card p {
		margin: 0;
		font-size: clamp(1.6rem, 1.04vw, 2rem);
		color: var(--color-gray-3, #565d62);
	}

	/* Занятия по интересам ------------------------------------------------ */

	.gc-tabs {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	/* Вкладка это кнопка, а не ссылка: она переключает содержимое рядом. Линия сверху, у выбранной оранжевая. */
	.gc-tab {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		/* Высота строки вкладок в макете 72px при 1920 и 42px при 480. */
		padding: .6rem 1rem;
		min-block-size: 4.2rem;
		border: 0;
		border-block-start: 3px solid #d9d9d9;
		background: var(--color-gray-1, #f4f4f4);
		font-family: var(--font-display);
		font-size: clamp(2rem, 2.5vw, 4.8rem);
		line-height: 1.2;
		cursor: pointer;
		color: var(--color-gray-2, #818a91);
	}

	.gc-tab[aria-selected="true"] {
		border-block-start-color: var(--color-orange);
		background: transparent;
		color: var(--color-black, #17222b);
	}

	/* Число занятий в кружке справа от названия вкладки. */
	.gc-tab__num {
		display: grid;
		place-items: center;
		flex: none;
		inline-size: 3rem;
		block-size: 3rem;
		border-radius: 50%;
		background: var(--color-gray-2, #818a91);
		font-size: 1.6rem;
		line-height: 1;
		color: var(--color-white);
	}

	.gc-tab[aria-selected="true"] .gc-tab__num {
		background: var(--color-black, #17222b);
	}

	/* Лента карточек: по макету видно пять при 1920 и три на узких, остальные доступны прокруткой и стрелками. */
	.gc-rail {
		position: relative;
		margin-block-start: 4rem;
	}

	.gc-cards {
		display: grid;
		gap: 2rem;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - 4rem) / 3);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding-block-end: 1rem;
	}

	.gc-cards::-webkit-scrollbar {
		display: none;
	}

	.gc-card {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 1rem;
		border-radius: var(--radius-4xl, 2rem);
		background: var(--color-gray-1, #f4f4f4);
		scroll-snap-align: start;
		text-decoration: none;
		/* Названия занятий тёмные, как заголовки её собственных карточек: серый основной текст страницы сюда не
		   наследуем. */
		color: var(--color-black, #17222b);
	}

	/* Своя раскладка перебивает встроенное скрытие, иначе карточки чужой вкладки остаются на виду. */
	.gc-card[hidden] {
		display: none;
	}

	.gc-card img {
		inline-size: 100%;
		block-size: 34rem;
		border-radius: var(--radius-2xl, 1rem);
		object-fit: cover;
	}

	.gc-card p {
		margin: 0;
		font-family: var(--font-display);
		font-size: clamp(1.8rem, 1.67vw, 3.2rem);
		line-height: 1.1;
	}

	/* Наведение как на её карточках уроков: фон кремовый, название оранжевое,
	   уголок выезжает справа. Числа сняты с её страницы individual-lessons. */
	.gc-card__row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
	}

	.gc-card__go {
		flex: 0 0 2.4rem;
		block-size: 2.4rem;
		opacity: 0;
		translate: -0.7rem 0;
		transition: opacity 0.16s ease, translate 0.16s ease;
		background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%3E%3Cpath%20d=%22M18.0001%2011.9999C17.9952%2011.4738%2017.7832%2010.9708%2017.4101%2010.5999L13.1201%206.29995C12.9327%206.1137%2012.6792%206.00916%2012.4151%206.00916C12.1509%206.00916%2011.8974%206.1137%2011.7101%206.29995C11.6163%206.39291%2011.5419%206.50351%2011.4912%206.62537C11.4404%206.74723%2011.4143%206.87794%2011.4143%207.00995C11.4143%207.14196%2011.4404%207.27266%2011.4912%207.39452C11.5419%207.51638%2011.6163%207.62698%2011.7101%207.71995L15.0001%2010.9999H5.00006C4.73484%2010.9999%204.48049%2011.1053%204.29295%2011.2928C4.10542%2011.4804%204.00006%2011.7347%204.00006%2011.9999C4.00006%2012.2652%204.10542%2012.5195%204.29295%2012.707C4.48049%2012.8946%204.73484%2012.9999%205.00006%2012.9999H15.0001L11.7101%2016.2899C11.5218%2016.4769%2011.4154%2016.731%2011.4145%2016.9964C11.4136%2017.2618%2011.5181%2017.5166%2011.7051%2017.7049C11.892%2017.8932%2012.1462%2017.9996%2012.4115%2018.0005C12.6769%2018.0014%2012.9318%2017.8969%2013.1201%2017.7099L17.4101%2013.4099C17.7856%2013.0366%2017.9978%2012.5295%2018.0001%2011.9999Z%22%20fill=%22%23e68e02%22/%3E%3C/svg%3E") no-repeat center / 100% 100%;
	}

	.gc-card:hover,
	.gc-card:focus-within {
		background: var(--color-cream, #fff9f0);
	}

	.gc-card:hover p,
	.gc-card:focus-within p {
		color: var(--color-orange, #e68e02);
	}

	.gc-card:hover .gc-card__go,
	.gc-card:focus-within .gc-card__go {
		opacity: 1;
		translate: 0 0;
	}

	/* Стрелки лежат поверх ленты по краям, как в макете. */
	.gc-arrow {
		position: absolute;
		/* По центру карточек: у ленты снизу 10px под полосу прокрутки, поэтому середину считаем без них. */
		inset-block-start: calc((100% - 1rem) / 2);
		translate: 0 -50%;
		display: grid;
		place-items: center;
		inline-size: 6rem;
		block-size: 6rem;
		border: 0;
		border-radius: 50%;
		/* Кружки лежат по краям контейнера, поверх первой и последней карточки, а не снаружи ленты. */
		background-color: rgb(244 244 244 / .4);
		/* Птичка в макете это рисунок со скруглёнными концами, а не знак из шрифта: буквой такую форму не набрать. */
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2225%22%20viewBox%3D%220%200%2012%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M1.04753%2025C0.910464%2025.0008%200.774588%2024.9746%200.647695%2024.9227C0.520803%2024.8709%200.405389%2024.7945%200.308072%2024.698C0.210454%2024.6012%200.132973%2024.486%200.0800982%2024.3591C0.027223%2024.2322%200%2024.096%200%2023.9585C0%2023.8211%200.027223%2023.6849%200.0800982%2023.558C0.132973%2023.4311%200.210454%2023.3159%200.308072%2023.2191L8.81706%2014.7101C9.40217%2014.1243%209.73082%2013.3301%209.73082%2012.5021C9.73082%2011.6742%209.40217%2010.88%208.81706%2010.2942L0.308072%201.78521C0.111955%201.58909%200.00177741%201.3231%200.00177741%201.04575C0.00177741%200.768401%200.111955%200.50241%200.308072%200.306294C0.504188%200.110177%200.77018%200%201.04753%200C1.32488%200%201.59087%200.110177%201.78699%200.306294L10.296%208.81527C10.7809%209.299%2011.1657%209.87365%2011.4282%2010.5063C11.6907%2011.139%2011.8259%2011.8172%2011.8259%2012.5021C11.8259%2013.1871%2011.6907%2013.8653%2011.4282%2014.498C11.1657%2015.1306%2010.7809%2015.7053%2010.296%2016.189L1.78699%2024.698C1.68967%2024.7945%201.57426%2024.8709%201.44737%2024.9227C1.32047%2024.9746%201.1846%2025.0008%201.04753%2025Z%22%20fill%3D%22%23E68E02%22%2F%3E%20%3C%2Fsvg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 1.2rem 2.5rem;
		backdrop-filter: blur(4px);
		cursor: pointer;
	}

	/* Знак внутри кнопки оставлен для чтения с экрана, глазами его не видно. */
	.gc-arrow span {
		position: absolute;
		inline-size: 1px;
		block-size: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	/* Рисунок смотрит вправо, для «назад» отражаем кнопку: кружок симметричный. */
	.gc-arrow[data-dir="prev"] {
		scale: -1 1;
	}

	.gc-arrow[data-dir="prev"] { inset-inline-start: 0; }
	.gc-arrow[data-dir="next"] { inset-inline-end: 0; }

	/* Вкладка без занятий: честная подпись вместо пустого места, ставит её скрипт вкладок. */
	.gc-empty {
		display: none;
		padding: 6rem 2rem;
		border-radius: var(--radius-4xl, 2rem);
		background: var(--color-gray-1, #f4f4f4);
		text-align: center;
		font-size: clamp(1.6rem, 1.04vw, 2rem);
		color: var(--color-gray-3, #565d62);
	}

	.gc-rail[data-empty="true"] .gc-empty {
		display: block;
	}

	.gc-rail[data-empty="true"] :is(.gc-cards, .gc-arrow) {
		display: none;
	}

	.gc-center {
		display: flex;
		justify-content: center;
		margin-block-start: 4rem;
	}

	/* Под блоком кнопка в макете остаётся компактной, а тема на узких растягивает её во всю ширину. */
	.gc-center .button {
		inline-size: fit-content;
	}

	/* Абонементы ---------------------------------------------------------- */

	.gc-plan {
		display: flex;
		flex-direction: column;
		gap: 3rem;
		align-items: center;
		inline-size: min(60rem, 100%);
		margin-inline: auto;
	}

	.gc-plan__rows {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		inline-size: 100%;
	}

	.gc-plan__row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2rem;
		padding: 2rem;
		border-radius: var(--radius-4xl, 2rem);
		background: var(--color-gray-1, #f4f4f4);
	}

	.gc-plan__row p {
		margin: 0;
		font-size: clamp(2rem, 1.25vw, 2.4rem);
		/* Содержимое карточек тёмное, серый основной цвет страницы сюда не наследуем. */
		color: var(--color-black, #17222b);
	}

	.gc-plan__row p:last-child {
		font-size: clamp(2.4rem, 1.67vw, 3.2rem);
		color: var(--color-orange);
	}

	/* Расписание ---------------------------------------------------------- */

	/* Календарь рисует Amelia: внутрь его разметки не лезем, пользуемся только его переменными и своей обёрткой,
	   иначе каждое обновление плагина придётся чинить. */
	/* Ширину держит наша обёртка вокруг шорткода: внутрь разметки календаря не лезем. */
	.gc-schedule .brxe-shortcode {
		max-inline-size: 110rem;
		margin-inline: auto;
	}

	/* Цвета календаря Amelia пишет прямо в атрибут style, из файла их не перебить: они ставятся в админке. */

	.gc-schedule {
		scroll-margin-block-start: 12rem;
	}

	/*
	 * Календарь или список. В календаре Amelia на узком экране остаются одни
	 * точки на числах, поэтому там показываем её же список занятий подряд.
	 * Порог 768: на планшете сетка календаря ещё читается.
	 */
	.gc-list {
		display: none;
	}

	@media (width <= 768px) {
		.gc-cal {
			display: none;
		}

		.gc-list {
			display: block;
		}
	}

	/* Вопросы ------------------------------------------------------------- */

	.gc-faq__grid {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-block-end: 4rem;
	}

	.gc-faq__item {
		padding: 2rem;
		border-radius: var(--radius-4xl, 2rem);
		background: var(--color-gray-1, #f4f4f4);
	}

	/* Жёлтая обводка при нажатии, как у её карточек вопросов на Russian Language
	   Lessons. Цвет берём её переменной, ширина 3 и отступ 2, как у неё. */
	.gc-faq__item:focus-within {
		outline: 3px solid var(--styl-focus-color, #ffc701);
		outline-offset: 2px;
	}

	.gc-faq__item summary {
		/* Её общий стиль даёт заголовку отбивку снизу, поэтому промежуток задаём сами. */
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2rem;
		font-family: var(--font-display);
		/* У Coolvetica одно начертание: без явного веса браузер подделывает жирное и буквы выходят толще макета. */
		font-weight: var(--font-weight-normal, 400);
		/* Вопрос тёмный, ответ серый, как в её собственных карточках вопросов. */
		color: var(--color-black, #17222b);
		font-size: clamp(1.8rem, 1.67vw, 3.2rem);
		line-height: 1.2;
		cursor: pointer;
		list-style: none;
	}

	.gc-faq__item summary::-webkit-details-marker {
		display: none;
	}

	/* Значок раскрытия рисуем сами: у разных браузеров он свой. */
	/* Значок такой же, как в блоке вопросов на About Us, белый кружок с уголком.
	   Раньше здесь был голый уголок рамкой, и блоки выглядели по-разному. */
	.gc-faq__item summary::after {
		content: "";
		flex: 0 0 4rem;
		block-size: 4rem;
		background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20d%3D%22M0%2020C0%208.95431%208.95431%200%2020%200L20%200C31.0457%200%2040%208.95431%2040%2020L40%2020C40%2031.0457%2031.0457%2040%2020%2040L20%2040C8.95431%2040%200%2031.0457%200%2020L0%2020Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2812%2017%29%22%3E%3Cpath%20d%3D%22M0.353553%20-0.353553C0.158291%20-0.548816%20-0.158291%20-0.548816%20-0.353553%20-0.353553C-0.548816%20-0.158291%20-0.548816%200.158291%20-0.353553%200.353553L0%200L0.353553%20-0.353553ZM16.3536%200.353553C16.5488%200.158291%2016.5488%20-0.158291%2016.3536%20-0.353553C16.1583%20-0.548816%2015.8417%20-0.548816%2015.6464%20-0.353553L16%200L16.3536%200.353553ZM9.41421%206.58579L9.06066%206.23223L9.41421%206.58579ZM0%200L-0.353553%200.353553L6.23223%206.93934L6.58579%206.58579L6.93934%206.23223L0.353553%20-0.353553L0%200ZM9.41421%206.58579L9.76777%206.93934L16.3536%200.353553L16%200L15.6464%20-0.353553L9.06066%206.23223L9.41421%206.58579ZM6.58579%206.58579L6.23223%206.93934C7.20855%207.91565%208.79146%207.91565%209.76777%206.93934L9.41421%206.58579L9.06066%206.23223C8.47487%206.81802%207.52513%206.81802%206.93934%206.23223L6.58579%206.58579Z%22%20fill%3D%22%23000000%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / 100% 100%;
		transition: rotate 0.2s ease;
	}

	.gc-faq__item[open] summary::after {
		rotate: 180deg;
	}

	.gc-faq__answer {
		/* Её строка заголовка выше на несколько пикселей, компенсируем до макетной высоты карточки. */
		margin-block-start: .4rem;
		font-size: clamp(1.6rem, 1.04vw, 2rem);
		/* Ответ набран тёмным, серый основной текст страницы сюда не наследуем. */
		color: var(--color-black, #17222b);
	}

	.gc-faq__answer p {
		margin: 0 0 1rem;
	}

	.gc-faq__answer p:last-child {
		margin-block-end: 0;
	}

	/* Пороги -------------------------------------------------------------- */

	/* При 1920 ответы в макете открыты, а закрытый details браузер прячет сам. */
	@media (min-width: 1920px) {

		.gc-cards {
			grid-auto-columns: calc((100% - 8rem) / 5);
		}
	}

	/* Карточек в ряду по макету: пять при 1920, четыре при 1600 и 1200, три ниже. */
	@media (min-width: 1200px) and (max-width: 1919px) {

		.gc-cards {
			grid-auto-columns: calc((100% - 6rem) / 4);
		}
	}

	@media (min-width: 600px) and (max-width: 1199px) {

		.gc-cards {
			grid-auto-columns: calc((100% - 4rem) / 3);
		}
	}

	/* Высота карточки в макете: 400 на широких, 320 при 1200, 260 при 1024. */
	@media (min-width: 1100px) and (max-width: 1299px) {

		.gc-card img {
			block-size: 26rem;
		}
	}

	@media (max-width: 1099px) {

		.gc-card img {
			block-size: 20rem;
		}
	}

	/* Планшет и телефон: текст сверху по центру, кружки под ним ------------ */

	@media (max-width: 899px) {

		/* 768 в макете: первый ряд на 189px, кружки блоком 641x388 по центру. */
		.gc-hero {
			padding-block: 18.9rem 4rem;
		}

		.gc-hero__inner {
			gap: 0;
			grid-template-columns: minmax(0, 1fr);
			justify-items: center;
		}

		.gc-hero__txt {
			align-items: center;
			text-align: center;
		}

		.gc-hero__txt h1 {
			max-inline-size: none;
		}

		.gc-hero__photos {
			inline-size: 88%;
			margin-inline: auto;
			aspect-ratio: 641 / 388;
		}

		.gc-hero__photos img:nth-child(1) { inline-size: 52.3%; inset-block-start: 13.7%; inset-inline-start: 0; }
		.gc-hero__photos img:nth-child(2) { inline-size: 33.2%; inset-block-start: 0; inset-inline-end: 0; }
		.gc-hero__photos img:nth-child(3) { inline-size: 27%; inset-block-start: 55.4%; inset-inline-end: 14.5%; }

		.gc-how__cards,
		.gc-faq__grid {
			grid-template-columns: minmax(0, 1fr);
		}

	}

	@media (max-width: 599px) {

		/* Блок заголовка при 480 шире содержимого и отбивку раздела не наследует. Предел Bricks снимаем !important:
		   его правило лежит вне слоёв и при равной силе побеждает наше. */
		.gc-head {
			inline-size: calc(100% + 2rem);
			max-inline-size: none;
			margin-inline: -1rem;
		}

		/* Названия вкладок длинные и не переносятся: уменьшаем кегль и промежуток, иначе надпись наезжает на кружок с
		   числом. */
		.gc-tab {
			gap: .6rem;
			padding-inline: .4rem;
		}

		.gc-tab__num {
			inline-size: 2rem;
			block-size: 2rem;
			font-size: 1.1rem;
		}

		.gc-nav a {
			padding-inline: 1.2rem;
		}

		/* На телефоне карточка 200px и третья видна краем: так понятно, что ленту можно листать. */
		.gc-cards {
			grid-auto-columns: 20rem;
		}

		/* Числа кадра 480. */
		.gc-hero {
			padding-block: 13.9rem 6.8rem;
		}

		.gc-nav {
			inset-block-start: 8rem;
			padding-inline: 1rem;
		}

		.gc-nav a {
			inline-size: auto;
			flex: 1;
			font-size: 1.8rem;
		}

		.gc-hero__photos {
			inline-size: 100%;
			aspect-ratio: 439 / 302;
		}

		.gc-hero__photos img:nth-child(1) { inline-size: 66.7%; inset-block-start: 3%; }
		.gc-hero__photos img:nth-child(2) { inline-size: 32.3%; inset-block-start: 0; inset-inline-end: 0; }
		.gc-hero__photos img:nth-child(3) { inline-size: 26.2%; inset-block-start: 61.9%; inset-inline-end: 2.3%; }
	}

	/* Рисунки-украшения ==================================================== */

	/* За тремя разделами лежат бледные рисунки из макета. Кладём их отдельным слоем, а не фоном секции: рисунок
	   заходит выше границы раздела, а фон за неё не выходит. */
	/* Рисунки ничем не обрезаются: у всех разделов кадра clipsContent false, они лежат нижним слоем. */

	/* Рисунок держится за заголовок раздела, а не за сам раздел: в макете отступ отсчитан от заголовка. */
	:is(.gc-deco-classes, .gc-deco-plan, .gc-deco-faq) .gc-head {
		position: relative;
	}

	.gc-deco-classes .gc-head::before,
	.gc-deco-plan .gc-head::before,
	.gc-deco-faq .gc-head::before {
		content: "";
		position: absolute;
		z-index: -1;
		pointer-events: none;
		background-repeat: no-repeat;
		background-size: contain;
	}

	/* Страница не должна ехать вбок из-за рисунка, заходящего за край. */
	body:has(.gc-page) #brx-content {
		overflow-x: clip;
	}

	.gc-deco-classes .gc-head::before {
		inset-block-start: -30.7rem;
		inset-inline-start: calc(50% - 17.6rem);
		inline-size: 26.3rem;
		block-size: 26.3rem;
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22526%22%20height%3D%22526%22%20viewBox%3D%220%200%20526%20526%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1038_9760%29%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M248.798%20134.619C238.119%20131.389%20189.581%20116.699%20175.635%20112.628C168.266%20110.474%20153.545%20108.57%20139.824%20115.881C130.797%20120.689%20122.059%20129.448%20116.357%20145.05L116.273%20145.293L62.0677%20314.905C61.7088%20315.486%2061.3615%20316.072%2061.0289%20316.671C49.3132%20337.77%2059.1356%20365.461%2082.5884%20374.839L259.433%20443.548C262.47%20444.729%20265.846%20444.684%20268.85%20443.424C271.854%20442.163%20274.252%20439.786%20275.537%20436.792L276.955%20433.493C277.624%20431.942%20277.974%20430.273%20277.983%20428.584C277.992%20426.895%20277.66%20425.222%20277.008%20423.664C276.355%20422.106%20275.396%20420.696%20274.186%20419.518C272.976%20418.34%20271.541%20417.417%20269.967%20416.806L268.109%20416.089C266.03%20408.698%20267.787%20398.04%20271.996%20389.901L306.663%20410.795C327.428%20423.034%20353.803%20415.261%20364.458%20395.265L364.517%20395.175L467.75%20243.787L467.871%20243.6C476.736%20229.543%20478.325%20217.28%20476.615%20207.195C474.008%20191.861%20463.501%20181.377%20457.297%20176.864C457.152%20176.761%20457.003%20176.663%20456.851%20176.57L300.068%2081.9063C298.793%2081.1371%20297.284%2080.8479%20295.814%2081.0908C294.344%2081.3336%20293.009%2082.0925%20292.048%2083.2313L248.798%20134.619ZM177.151%20332.721L118.658%20309.998C100.786%20303.021%2080.4672%20307.433%2071.969%20322.745C63.8002%20337.449%2070.873%20356.664%2087.2186%20363.217L263.966%20431.884C263.995%20431.896%20264.027%20431.883%20264.042%20431.849L265.461%20428.55C265.466%20428.539%20265.468%20428.519%20265.461%20428.502C265.454%20428.486%20265.445%20428.475%20265.428%20428.468L90.6344%20360.484L90.5457%20360.453C80.3096%20356.289%2069.3116%20343.857%2075.7742%20327.262C81.9837%20311.334%2099.247%20306.568%20115.196%20312.711L196.094%20344.143L177.151%20332.721ZM261.309%20383.459L258.737%20381.904L110.693%20324.388C101.427%20320.819%2091.0396%20322.549%2087.4359%20331.8C84.1032%20340.357%2089.9434%20346.682%2095.2244%20348.844L254.994%20410.987C254.743%20401.992%20257.014%20391.705%20261.309%20383.459ZM335.924%20342.611C350.58%20351.413%20359.271%20367.279%20356.092%20382.018L355.937%20382.727C355.559%20384.288%20355.043%20385.836%20354.39%20387.354C347.744%20402.808%20328.212%20408.955%20313.036%20400.031L151.399%20302.592C151.036%20302.374%20150.764%20302.03%20150.635%20301.627C150.505%20301.223%20150.527%20300.786%20150.695%20300.397L150.804%20300.144C150.902%20299.913%20151.049%20299.706%20151.235%20299.537C151.421%20299.368%20151.64%20299.24%20151.879%20299.164C152.118%20299.087%20152.371%20299.062%20152.62%20299.092C152.87%20299.121%20153.11%20299.204%20153.324%20299.334L313.112%20395.658L313.193%20395.706C322.741%20401.263%20339.3%20402.364%20348.485%20387.102C357.296%20372.457%20350.512%20355.878%20335.897%20347.012L171.755%20248.067C171.084%20247.663%20171.231%20246.8%20171.542%20246.076L171.649%20245.829C171.992%20245.03%20172.591%20244.634%20173.458%20244.693C173.539%20244.717%20173.614%20244.757%20173.681%20244.809L335.924%20342.611ZM166.016%20123.42C160.308%20122.756%20152.825%20123.134%20145.706%20126.923C138.857%20130.577%20132.489%20137.42%20128.153%20149.23L80.2962%20298.963C91.1146%20293.918%20104.204%20292.873%20116.918%20296.277L166.016%20123.42ZM182.828%20269.35C182.524%20273.395%20181.733%20277.387%20180.472%20281.242C178.667%20286.581%20175.725%20291.663%20171.141%20295.467L319.545%20384.927C324.486%20387.767%20333.037%20388.502%20337.761%20380.652C342.885%20372.143%20337.9%20362.863%20329.409%20357.713L182.828%20269.35ZM128.629%20300.448L138.39%20304.244C137.722%20301.304%20138.005%20298.228%20139.198%20295.459L139.304%20295.212C140.079%20293.406%20141.218%20291.779%20142.651%20290.434C144.083%20289.089%20145.778%20288.054%20147.63%20287.395C149.481%20286.736%20151.449%20286.467%20153.409%20286.604C155.369%20286.741%20157.28%20287.281%20159.022%20288.192C164.319%20286.166%20167.084%20281.764%20168.619%20277.228C170.564%20271.486%20170.68%20265.406%20170.53%20261.937L165.296%20258.78C159.103%20255.048%20157.188%20247.782%20160.048%20241.133L160.154%20240.886C160.728%20239.552%20161.492%20238.328%20162.419%20237.249L240.026%20145.039C225.817%20140.74%20194.236%20131.197%20178.169%20126.419L128.771%20300.339L128.629%20300.448ZM454.638%20191.077L347.851%20335.605C358.656%20343.847%20365.951%20355.292%20368.354%20367.344L457.381%20236.781C464.055%20226.14%20465.576%20216.933%20464.279%20209.292C462.924%20201.341%20458.646%20195.184%20454.638%20191.077ZM444.504%20183.729L298.176%2095.3802L180.996%20234.607L337.3%20328.833L444.504%20183.729ZM410.361%20192.18C410.947%20191.489%20411.377%20190.68%20411.62%20189.807C411.863%20188.934%20411.913%20188.019%20411.768%20187.125C411.623%20186.23%20411.286%20185.378%20410.78%20184.627C410.273%20183.876%20409.61%20183.243%20408.835%20182.773L313.788%20125.255C312.518%20124.488%20311.016%20124.196%20309.551%20124.433C308.086%20124.67%20306.753%20125.419%20305.789%20126.548L290.92%20143.989C290.334%20144.68%20289.906%20145.49%20289.663%20146.363C289.42%20147.236%20289.37%20148.151%20289.514%20149.046C289.659%20149.94%20289.996%20150.793%20290.501%20151.545C291.007%20152.296%20291.669%20152.93%20292.443%20153.402L387.492%20210.914C388.762%20211.684%20390.264%20211.976%20391.73%20211.739C393.196%20211.503%20394.529%20210.752%20395.492%20209.621L410.361%20192.18ZM396.058%20189.666L389.417%20197.461L305.22%20146.509L311.862%20138.714L396.058%20189.666Z%22%20fill%3D%22%23E68E02%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1038_9760%22%3E%20%3Crect%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22white%22%20transform%3D%22translate%28158.178%29%20scale%281.00098%29%20rotate%2823.2697%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
	}

	.gc-deco-plan .gc-head::before {
		inset-block-start: 30.8rem;
		inset-inline-start: calc(50% - 23rem);
		inline-size: 20rem;
		block-size: 20rem;
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.5%2098.45C140.181%2085.0625%20122.788%2075.5375%20108.975%2070.8125C100.038%2067.7625%2092.4%2066.6625%2086.4688%2067.425C81.475%2068.0625%2077.4812%2069.9625%2074.5062%2072.9437C71.525%2075.9187%2069.625%2079.9125%2068.9875%2084.9062C68.225%2090.8375%2069.325%2098.475%2072.375%20107.413C77.1%20121.225%2086.625%20138.619%20100.013%20157.938C76.8875%20162.131%2057.8563%20167.694%2044.7437%20174.125C36.2625%20178.281%2030.0875%20182.906%2026.4313%20187.637C23.3563%20191.625%2021.875%20195.788%2021.875%20200C21.875%20204.212%2023.3563%20208.375%2026.4313%20212.363C30.0875%20217.094%2036.2625%20221.719%2044.7437%20225.875C57.8563%20232.306%2076.8875%20237.869%20100.013%20242.062C86.625%20261.381%2077.1%20278.775%2072.375%20292.587C69.325%20301.525%2068.225%20309.163%2068.9875%20315.094C69.625%20320.087%2071.525%20324.081%2074.5062%20327.056C77.4812%20330.038%2081.475%20331.938%2086.4688%20332.575C92.4%20333.338%20100.038%20332.237%20108.975%20329.188C122.788%20324.462%20140.181%20314.938%20159.5%20301.55C163.694%20324.675%20169.256%20343.706%20175.688%20356.819C179.844%20365.3%20184.469%20371.475%20189.2%20375.131C193.188%20378.206%20197.35%20379.688%20201.562%20379.688C205.775%20379.688%20209.938%20378.206%20213.925%20375.131C218.656%20371.475%20223.281%20365.3%20227.438%20356.819C233.869%20343.706%20239.431%20324.675%20243.625%20301.55C262.944%20314.938%20280.337%20324.462%20294.15%20329.188C303.087%20332.237%20310.725%20333.338%20316.656%20332.575C321.65%20331.938%20325.644%20330.038%20328.619%20327.056C331.6%20324.081%20333.5%20320.087%20334.138%20315.094C334.9%20309.163%20333.8%20301.525%20330.75%20292.587C326.025%20278.775%20316.5%20261.381%20303.113%20242.062C326.238%20237.869%20345.269%20232.306%20358.381%20225.875C366.862%20221.719%20373.038%20217.094%20376.694%20212.363C379.769%20208.375%20381.25%20204.212%20381.25%20200C381.25%20195.788%20379.769%20191.625%20376.694%20187.637C373.038%20182.906%20366.862%20178.281%20358.381%20174.125C345.269%20167.694%20326.238%20162.131%20303.113%20157.938C316.5%20138.619%20326.025%20121.225%20330.75%20107.413C333.8%2098.475%20334.9%2090.8375%20334.138%2084.9062C333.5%2079.9125%20331.6%2075.9187%20328.619%2072.9437C325.644%2069.9625%20321.65%2068.0625%20316.656%2067.425C310.725%2066.6625%20303.087%2067.7625%20294.15%2070.8125C280.337%2075.5375%20262.944%2085.0625%20243.625%2098.45C239.431%2075.325%20233.869%2056.2938%20227.438%2043.1812C223.281%2034.7%20218.656%2028.525%20213.925%2024.8688C209.938%2021.7938%20205.775%2020.3125%20201.562%2020.3125C197.35%2020.3125%20193.188%2021.7938%20189.2%2024.8688C184.469%2028.525%20179.844%2034.7%20175.688%2043.1812C169.256%2056.2938%20163.694%2075.325%20159.5%2098.45ZM140.219%20331.25C134.525%20331.252%20129.066%20333.514%20125.04%20337.54C121.014%20341.566%20118.752%20347.025%20118.75%20352.719C118.753%20358.412%20121.016%20363.87%20125.042%20367.896C129.067%20371.921%20134.526%20374.184%20140.219%20374.188C145.911%20374.183%20151.369%20371.919%20155.394%20367.894C159.419%20363.869%20161.683%20358.411%20161.688%20352.719C161.684%20347.026%20159.421%20341.567%20155.396%20337.542C151.37%20333.516%20145.912%20331.253%20140.219%20331.25ZM201.562%20268.738C191.58%20277.369%20181.286%20285.633%20170.7%20293.513C174.725%20317.844%20180.3%20337.831%20186.906%20351.312C189.569%20356.737%20192.344%20361.019%20195.319%20363.906C197.363%20365.887%20199.369%20367.188%20201.562%20367.188C203.756%20367.188%20205.762%20365.887%20207.806%20363.906C210.781%20361.019%20213.556%20356.737%20216.219%20351.312C222.825%20337.831%20228.4%20317.844%20232.425%20293.513C221.838%20285.634%20211.544%20277.37%20201.562%20268.738ZM140.219%20343.75C141.417%20343.719%20142.609%20343.928%20143.725%20344.365C144.841%20344.802%20145.858%20345.458%20146.717%20346.295C147.575%20347.131%20148.257%20348.131%20148.723%20349.236C149.188%20350.34%20149.428%20351.527%20149.427%20352.725C149.427%20353.924%20149.187%20355.11%20148.72%20356.214C148.254%20357.318%20147.571%20358.318%20146.712%20359.154C145.853%20359.99%20144.836%20360.645%20143.719%20361.081C142.603%20361.518%20141.411%20361.726%20140.213%20361.694C137.874%20361.631%20135.652%20360.658%20134.021%20358.982C132.389%20357.305%20131.477%20355.058%20131.477%20352.719C131.478%20350.38%20132.392%20348.133%20134.025%20346.458C135.658%20344.782%20137.88%20343.811%20140.219%20343.75ZM268.75%20334.375C270.408%20334.375%20271.997%20335.033%20273.169%20336.206C274.342%20337.378%20275%20338.967%20275%20340.625C275%20342.283%20274.342%20343.872%20273.169%20345.044C271.997%20346.217%20270.408%20346.875%20268.75%20346.875C267.092%20346.875%20265.503%20346.217%20264.331%20345.044C263.158%20343.872%20262.5%20342.283%20262.5%20340.625C262.5%20338.967%20263.158%20337.378%20264.331%20336.206C265.503%20335.033%20267.092%20334.375%20268.75%20334.375ZM113.619%20244.3C99.2625%20264.35%2089.0625%20282.425%2084.2062%20296.631C82.25%20302.35%2081.1875%20307.344%2081.25%20311.488C81.2875%20314.331%2081.7938%20316.669%2083.3438%20318.219C84.8938%20319.769%2087.2312%20320.275%2090.075%20320.312C94.2188%20320.375%2099.2125%20319.312%20104.931%20317.356C119.137%20312.5%20137.213%20302.3%20157.262%20287.944C155.351%20274.888%20153.914%20261.767%20152.956%20248.606C139.796%20247.649%20126.675%20246.212%20113.619%20244.3ZM289.506%20244.3C276.45%20246.212%20263.329%20247.648%20250.169%20248.606C249.211%20261.767%20247.775%20274.888%20245.863%20287.944C265.913%20302.3%20283.987%20312.5%20298.194%20317.356C303.913%20319.312%20308.906%20320.375%20313.05%20320.312C315.894%20320.275%20318.231%20319.769%20319.781%20318.219C321.331%20316.669%20321.837%20314.331%20321.875%20311.488C321.938%20307.344%20320.875%20302.35%20318.919%20296.631C314.062%20282.425%20303.862%20264.35%20289.506%20244.3ZM356.25%20300C357.908%20300%20359.497%20300.658%20360.669%20301.831C361.842%20303.003%20362.5%20304.592%20362.5%20306.25C362.5%20307.908%20361.842%20309.497%20360.669%20310.669C359.497%20311.842%20357.908%20312.5%20356.25%20312.5C354.592%20312.5%20353.003%20311.842%20351.831%20310.669C350.658%20309.497%20350%20307.908%20350%20306.25C350%20304.592%20350.658%20303.003%20351.831%20301.831C353.003%20300.658%20354.592%20300%20356.25%20300ZM359.781%20239.4C347.938%20239.4%20338.312%20249.019%20338.312%20260.869C338.312%20272.719%20347.938%20282.337%20359.781%20282.337C371.631%20282.337%20381.25%20272.719%20381.25%20260.869C381.25%20249.019%20371.631%20239.4%20359.781%20239.4ZM165.519%20249.406C166.312%20259.906%20167.356%20269.981%20168.625%20279.525C176.628%20273.375%20184.46%20267.006%20192.113%20260.425C188.313%20257.01%20184.552%20253.551%20180.831%20250.05C175.656%20249.894%20170.55%20249.675%20165.519%20249.406ZM237.606%20249.406C232.581%20249.675%20227.469%20249.894%20222.294%20250.05C218.525%20253.6%20214.763%20257.056%20211.013%20260.425C218.662%20267.01%20226.494%20273.379%20234.5%20279.525C235.769%20269.981%20236.812%20259.906%20237.606%20249.406ZM359.781%20251.9C360.979%20251.869%20362.172%20252.078%20363.288%20252.515C364.404%20252.952%20365.421%20253.608%20366.279%20254.445C367.137%20255.281%20367.82%20256.281%20368.285%20257.386C368.751%20258.49%20368.99%20259.677%20368.99%20260.875C368.99%20262.074%20368.749%20263.26%20368.283%20264.364C367.816%20265.468%20367.134%20266.468%20366.275%20267.304C365.416%20268.14%20364.398%20268.795%20363.282%20269.231C362.166%20269.668%20360.973%20269.876%20359.775%20269.844C357.437%20269.781%20355.215%20268.808%20353.583%20267.132C351.952%20265.455%20351.039%20263.208%20351.04%20260.869C351.041%20258.53%20351.955%20256.283%20353.588%20254.608C355.22%20252.932%20357.443%20251.961%20359.781%20251.9ZM56.25%20256.25C57.9076%20256.25%2059.4973%20256.908%2060.6694%20258.081C61.8415%20259.253%2062.5%20260.842%2062.5%20262.5C62.5%20264.158%2061.8415%20265.747%2060.6694%20266.919C59.4973%20268.092%2057.9076%20268.75%2056.25%20268.75C54.5924%20268.75%2053.0027%20268.092%2051.8306%20266.919C50.6585%20265.747%2050%20264.158%2050%20262.5C50%20260.842%2050.6585%20259.253%2051.8306%20258.081C53.0027%20256.908%2054.5924%20256.25%2056.25%20256.25ZM203.531%20250.362H199.594L201.562%20252.131L203.531%20250.362ZM217.175%20162.312C220.888%20165.863%20224.613%20169.506%20228.338%20173.225C232.056%20176.95%20235.7%20180.675%20239.25%20184.388C239.478%20194.795%20239.478%20205.205%20239.25%20215.613C235.7%20219.325%20232.056%20223.05%20228.338%20226.775C224.613%20230.494%20220.888%20234.137%20217.175%20237.688C206.768%20237.915%20196.357%20237.915%20185.95%20237.688C182.238%20234.137%20178.512%20230.494%20174.787%20226.775C171.11%20223.093%20167.472%20219.372%20163.875%20215.613C163.647%20205.205%20163.647%20194.795%20163.875%20184.388C167.425%20180.675%20171.069%20176.95%20174.787%20173.225C178.512%20169.506%20182.238%20165.863%20185.95%20162.312C196.357%20162.085%20206.768%20162.085%20217.175%20162.312ZM238.569%20234.212L237.175%20235.613L235.775%20237.006L238.425%20236.862L238.569%20234.212ZM164.556%20234.212L164.7%20236.862L167.35%20237.006L165.95%20235.613C165.484%20235.147%20165.019%20234.681%20164.556%20234.212ZM141.138%20209.45C134.553%20217.099%20128.184%20224.932%20122.037%20232.938C131.581%20234.206%20141.656%20235.25%20152.156%20236.044C151.887%20231.019%20151.669%20225.906%20151.512%20220.731C148.01%20217.012%20144.551%20213.251%20141.138%20209.45ZM261.987%20209.45C258.572%20213.25%20255.114%20217.01%20251.613%20220.731C251.456%20225.906%20251.237%20231.012%20250.969%20236.044C261.036%20235.292%20271.079%20234.257%20281.087%20232.938C274.937%20224.935%20268.568%20217.103%20261.987%20209.45ZM108.05%20169.137C83.7188%20173.163%2063.7313%20178.738%2050.25%20185.344C44.825%20188.006%2040.5438%20190.781%2037.6562%20193.756C35.675%20195.8%2034.375%20197.806%2034.375%20200C34.375%20202.194%2035.675%20204.2%2037.6562%20206.244C40.5438%20209.219%2044.825%20211.994%2050.25%20214.656C63.7313%20221.263%2083.7188%20226.837%20108.05%20230.863C115.928%20220.276%20124.192%20209.981%20132.825%20200C124.193%20190.018%20115.929%20179.723%20108.05%20169.137ZM295.075%20169.137C287.197%20179.724%20278.933%20190.019%20270.3%20200C278.932%20209.982%20287.196%20220.277%20295.075%20230.863C319.406%20226.837%20339.394%20221.263%20352.875%20214.656C358.3%20211.994%20362.581%20209.219%20365.469%20206.244C367.45%20204.2%20368.75%20202.194%20368.75%20200C368.75%20197.806%20367.45%20195.8%20365.469%20193.756C362.581%20190.781%20358.3%20188.006%20352.875%20185.344C339.394%20178.738%20319.406%20173.163%20295.075%20169.137ZM200%20175C186.2%20175%20175%20186.2%20175%20200C175%20213.8%20186.2%20225%20200%20225C213.8%20225%20225%20213.8%20225%20200C225%20186.2%20213.8%20175%20200%20175ZM200%20187.5C201.642%20187.5%20203.268%20187.824%20204.785%20188.453C206.301%20189.082%20207.679%20190.003%20208.84%20191.164C210.001%20192.326%20210.921%20193.704%20211.549%20195.221C212.177%20196.738%20212.5%20198.364%20212.5%20200.006C212.5%20201.648%20212.176%20203.274%20211.547%20204.791C210.918%20206.308%20209.997%20207.686%20208.836%20208.846C207.674%20210.007%20206.296%20210.928%20204.779%20211.556C203.262%20212.184%20201.636%20212.507%20199.994%20212.506C196.678%20212.505%20193.498%20211.187%20191.154%20208.842C188.809%20206.497%20187.493%20203.316%20187.494%20200C187.495%20196.684%20188.813%20193.504%20191.158%20191.16C193.503%20188.816%20196.684%20187.499%20200%20187.5ZM251.925%20198.031V201.969L253.694%20200L251.925%20198.031ZM151.2%20198.031L149.431%20200L151.2%20201.969V198.031ZM250.969%20163.956C251.237%20168.981%20251.456%20174.094%20251.613%20179.269C255.162%20183.038%20258.619%20186.8%20261.987%20190.55C268.572%20182.901%20274.941%20175.068%20281.087%20167.062C271.079%20165.743%20261.036%20164.708%20250.969%20163.956ZM152.156%20163.956C141.656%20164.75%20131.581%20165.794%20122.037%20167.062C128.188%20175.065%20134.557%20182.897%20141.138%20190.55C144.553%20186.75%20148.011%20182.99%20151.512%20179.269C151.669%20174.094%20151.887%20168.988%20152.156%20163.956ZM167.35%20162.994L164.7%20163.137L164.556%20165.787L165.95%20164.387L167.35%20162.994ZM235.775%20162.994L237.175%20164.387L238.569%20165.787L238.425%20163.137L235.775%20162.994ZM289.506%20155.7C303.862%20135.65%20314.062%20117.575%20318.919%20103.369C320.875%2097.65%20321.938%2092.6562%20321.875%2088.5125C321.837%2085.6687%20321.331%2083.3313%20319.781%2081.7812C318.231%2080.2313%20315.894%2079.725%20313.05%2079.6875C308.906%2079.625%20303.913%2080.6875%20298.194%2082.6437C283.987%2087.5%20265.913%2097.7%20245.863%20112.056C247.681%20124.319%20249.137%20137.512%20250.169%20151.394C264.056%20152.425%20277.244%20153.881%20289.506%20155.7ZM157.262%20112.056C137.213%2097.7%20119.137%2087.5%20104.931%2082.6437C99.2125%2080.6875%2094.2188%2079.625%2090.075%2079.6875C87.2312%2079.725%2084.8938%2080.2313%2083.3438%2081.7812C81.7938%2083.3313%2081.2875%2085.6687%2081.25%2088.5125C81.1875%2092.6562%2082.25%2097.65%2084.2062%20103.369C89.0625%20117.575%2099.2625%20135.65%20113.619%20155.7C126.675%20153.788%20139.796%20152.352%20152.956%20151.394C153.988%20137.506%20155.444%20124.319%20157.262%20112.056ZM40.2188%20110.056C34.5265%20110.058%2029.0677%20112.319%2025.0421%20116.344C21.0165%20120.368%2018.7533%20125.826%2018.75%20131.519C18.7517%20137.212%2021.0141%20142.672%2025.0399%20146.698C29.0657%20150.723%2034.5254%20152.986%2040.2188%20152.988C45.9116%20152.984%2051.3703%20150.721%2055.3958%20146.696C59.4212%20142.67%2061.6842%20137.212%2061.6875%20131.519C61.6825%20125.827%2059.4189%20120.37%2055.3936%20116.346C51.3683%20112.322%2045.9105%20110.06%2040.2188%20110.056ZM168.625%20120.475C167.306%20130.483%20166.27%20140.527%20165.519%20150.594C170.544%20150.325%20175.656%20150.106%20180.831%20149.95C184.6%20146.4%20188.363%20142.944%20192.113%20139.575C184.463%20132.99%20176.631%20126.621%20168.625%20120.475ZM234.5%20120.475C226.497%20126.625%20218.665%20132.994%20211.013%20139.575C214.812%20142.99%20218.573%20146.449%20222.294%20149.95C227.469%20150.106%20232.575%20150.325%20237.606%20150.594C236.855%20140.527%20235.819%20130.483%20234.5%20120.475ZM201.562%20147.869L199.594%20149.637H203.531L201.562%20147.869ZM40.2188%20122.556C42.5974%20122.556%2044.8786%20123.501%2046.5606%20125.183C48.2426%20126.865%2049.1875%20129.146%2049.1875%20131.525C49.1875%20133.904%2048.2426%20136.185%2046.5606%20137.867C44.8786%20139.549%2042.5974%20140.494%2040.2188%20140.494C37.8401%20140.494%2035.5589%20139.549%2033.8769%20137.867C32.1949%20136.185%2031.25%20133.904%2031.25%20131.525C31.25%20129.146%2032.1949%20126.865%2033.8769%20125.183C35.5589%20123.501%2037.8401%20122.556%2040.2188%20122.556ZM232.425%20106.488C228.4%2082.1562%20222.825%2062.1688%20216.219%2048.6875C213.556%2043.2625%20210.781%2038.9813%20207.806%2036.0938C205.762%2034.1125%20203.756%2032.8125%20201.562%2032.8125C199.369%2032.8125%20197.363%2034.1125%20195.319%2036.0938C192.344%2038.9813%20189.569%2043.2625%20186.906%2048.6875C180.3%2062.1688%20174.725%2082.1562%20170.7%20106.488C181.287%20114.366%20191.581%20122.63%20201.562%20131.263C211.545%20122.631%20221.839%20114.367%20232.425%20106.488ZM287.5%2019.0187C276.775%2019.0187%20268.069%2027.725%20268.069%2038.45C268.069%2049.175%20276.775%2057.8812%20287.5%2057.8812C298.225%2057.8812%20306.931%2049.175%20306.931%2038.45C306.931%2027.725%20298.225%2019.0187%20287.5%2019.0187ZM150%2043.75C151.658%2043.75%20153.247%2044.4085%20154.419%2045.5806C155.592%2046.7527%20156.25%2048.3424%20156.25%2050C156.25%2051.6576%20155.592%2053.2473%20154.419%2054.4194C153.247%2055.5915%20151.658%2056.25%20150%2056.25C148.342%2056.25%20146.753%2055.5915%20145.581%2054.4194C144.408%2053.2473%20143.75%2051.6576%20143.75%2050C143.75%2048.3424%20144.408%2046.7527%20145.581%2045.5806C146.753%2044.4085%20148.342%2043.75%20150%2043.75ZM87.5%2018.75C82.611%2018.8762%2077.9647%2020.9071%2074.5514%2024.4096C71.1381%2027.9122%2069.2279%2032.6094%2069.2279%2037.5C69.2279%2042.3906%2071.1381%2047.0878%2074.5514%2050.5904C77.9647%2054.0929%2082.611%2056.1238%2087.5%2056.25C92.389%2056.1238%2097.0353%2054.0929%20100.449%2050.5904C103.862%2047.0878%20105.772%2042.3906%20105.772%2037.5C105.772%2032.6094%20103.862%2027.9122%20100.449%2024.4096C97.0353%2020.9071%2092.389%2018.8762%2087.5%2018.75ZM287.5%2031.5188C288.411%2031.5192%20289.313%2031.699%20290.155%2032.048C290.996%2032.3971%20291.761%2032.9084%20292.405%2033.5529C293.049%2034.1974%20293.559%2034.9624%20293.907%2035.8043C294.256%2036.6461%20294.435%2037.5483%20294.434%2038.4594C294.434%2039.3704%20294.254%2040.2725%20293.905%2041.114C293.556%2041.9555%20293.045%2042.7201%20292.4%2043.364C291.756%2044.0079%20290.991%2044.5186%20290.149%2044.8669C289.307%2045.2151%20288.405%2045.3942%20287.494%2045.3937C285.653%2045.3929%20283.888%2044.6609%20282.587%2043.3587C281.286%2042.0565%20280.555%2040.2908%20280.556%2038.45C280.557%2036.6092%20281.289%2034.8442%20282.591%2033.5432C283.894%2032.2421%20285.659%2031.5117%20287.5%2031.5125V31.5188ZM87.5%2031.25C89.1576%2031.25%2090.7473%2031.9085%2091.9194%2033.0806C93.0915%2034.2527%2093.75%2035.8424%2093.75%2037.5C93.75%2039.1576%2093.0915%2040.7473%2091.9194%2041.9194C90.7473%2043.0915%2089.1576%2043.75%2087.5%2043.75C85.8424%2043.75%2084.2527%2043.0915%2083.0806%2041.9194C81.9085%2040.7473%2081.25%2039.1576%2081.25%2037.5C81.25%2035.8424%2081.9085%2034.2527%2083.0806%2033.0806C84.2527%2031.9085%2085.8424%2031.25%2087.5%2031.25Z%22%20fill%3D%22%23E68E02%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fsvg%3E");
	}

	.gc-deco-faq .gc-head::before {
		inset-block-start: -12.9rem;
		inset-inline-start: calc(50% - 6.8rem);
		inline-size: 24.5rem;
		block-size: 24.5rem;
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22490%22%20height%3D%22490%22%20viewBox%3D%220%200%20490%20490%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_1038_9384%29%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M105.253%20259.327L97.349%20257.209C91.4381%20255.627%2085.1409%20256.457%2079.8417%20259.517C74.5425%20262.576%2070.6751%20267.615%2069.0898%20273.525L53.5283%20331.601C51.9462%20337.512%2052.7761%20343.809%2055.8356%20349.108C58.8951%20354.407%2063.9337%20358.275%2069.8438%20359.86L77.7902%20361.989C76.4191%20368.623%2077.6358%20375.529%2081.1913%20381.295C84.7467%20387.06%2090.3718%20391.248%2096.9147%20393.001L287.169%20443.98C293.47%20445.673%20300.174%20444.985%20306%20442.045C311.825%20439.106%20316.362%20434.122%20318.743%20428.047C318.975%20427.62%20319.155%20427.166%20319.279%20426.696L327.184%20428.814C333.094%20430.396%20339.392%20429.566%20344.691%20426.507C349.99%20423.447%20353.857%20418.409%20355.443%20412.499L371.004%20354.422C372.586%20348.512%20371.756%20342.214%20368.697%20336.915C365.637%20331.616%20360.599%20327.749%20354.689%20326.163L346.785%20324.045L367.274%20247.576C368.244%20243.959%20369.021%20240.311%20369.607%20236.649L421.876%20198.815C422.702%20198.219%20423.369%20197.429%20423.819%20196.514L440.166%20163.358C440.677%20162.33%20440.894%20161.181%20440.795%20160.038C440.695%20158.895%20440.282%20157.801%20439.601%20156.877C438.92%20155.953%20437.997%20155.235%20436.934%20154.802C435.872%20154.369%20434.71%20154.237%20433.577%20154.422L396.382%20160.344C395.414%20160.499%20394.496%20160.881%20393.702%20161.457L369.849%20178.72L406.543%20122.449C406.992%20121.762%20407.301%20120.993%20407.452%20120.186C407.604%20119.38%20407.595%20118.551%20407.426%20117.748C407.257%20116.945%20406.932%20116.183%20406.468%20115.506C406.005%20114.828%20405.412%20114.249%20404.724%20113.801L369.934%2091.1144C368.546%2090.2094%20366.855%2089.8925%20365.233%2090.2334C363.612%2090.5744%20362.192%2091.5452%20361.286%2092.9326L341.631%20123.074L348.434%2091.1652C348.779%2089.5441%20348.467%2087.852%20347.565%2086.4611C346.664%2085.0702%20345.247%2084.0943%20343.626%2083.7481L249.266%2063.6291C244.852%2059.2095%20239.383%2055.9904%20233.376%2054.2767C227.369%2052.563%20221.024%2052.4115%20214.943%2053.8367L120.05%2075.9717C119.251%2076.1577%20118.496%2076.4996%20117.828%2076.9777C117.161%2077.4558%20116.595%2078.0607%20116.162%2078.7578C115.728%2079.455%20115.437%2080.2308%20115.304%2081.0407C115.17%2081.8507%20115.198%2082.6789%20115.385%2083.4781L119.402%20100.708C117.852%20101.143%20116.53%20102.16%20115.711%20103.545C114.892%20104.931%20114.639%20106.579%20115.005%20108.146C115.37%20109.714%20116.327%20111.08%20117.674%20111.96C119.022%20112.84%20120.657%20113.167%20122.239%20112.872L124.234%20121.418C122.692%20121.863%20121.381%20122.882%20120.569%20124.265C119.758%20125.649%20119.509%20127.291%20119.874%20128.853C120.239%20130.415%20121.189%20131.777%20122.529%20132.659C123.869%20133.54%20125.497%20133.873%20127.075%20133.589L129.065%20142.128C125.839%20143.011%20123.857%20146.299%20124.621%20149.584C125.392%20152.864%20128.622%20154.94%20131.907%20154.299L133.703%20162.016C130.341%20168.672%20127.673%20175.656%20125.743%20182.858L105.253%20259.327ZM285.852%20430.683L290.405%20431.903C294.002%20432.865%20297.833%20432.36%20301.058%20430.498C304.282%20428.636%20306.636%20425.571%20307.601%20421.975L320.789%20372.757C322.83%20365.142%20323.351%20357.2%20322.323%20349.383C321.294%20341.567%20318.736%20334.03%20314.794%20327.203C310.852%20320.375%20305.604%20314.391%20299.349%20309.592C293.094%20304.793%20285.956%20301.274%20278.34%20299.234L176.933%20272.062C169.319%20270.021%20161.376%20269.5%20153.56%20270.528C145.744%20271.557%20138.207%20274.115%20131.379%20278.057C124.552%20281.999%20118.568%20287.247%20113.769%20293.502C108.97%20299.756%20105.45%20306.895%20103.41%20314.51L90.2225%20363.729C89.2605%20367.325%2089.7658%20371.157%2091.6274%20374.381C93.489%20377.606%2096.5546%20379.959%20100.151%20380.924L107.566%20382.911C105.036%20376.637%20104.62%20369.71%20106.381%20363.178L117.707%20320.91C119.852%20312.903%20125.091%20306.076%20132.27%20301.931C139.449%20297.786%20147.981%20296.663%20155.988%20298.809L285.968%20333.637C293.975%20335.782%20300.802%20341.021%20304.947%20348.2C309.092%20355.379%20310.215%20363.911%20308.07%20371.918L296.744%20414.186C295.004%20420.723%20291.18%20426.515%20285.852%20430.683ZM273.567%20369.145L275.814%20406.533C275.87%20407.521%20275.691%20408.508%20275.292%20409.414C274.894%20410.319%20274.286%20411.118%20273.519%20411.743C272.752%20412.368%20271.848%20412.803%20270.881%20413.012C269.913%20413.221%20268.91%20413.197%20267.954%20412.944L239.96%20405.443C239.005%20405.184%20238.125%20404.703%20237.391%20404.039C236.658%20403.374%20236.093%20402.546%20235.741%20401.62C235.39%20400.695%20235.263%20399.7%20235.37%20398.716C235.478%20397.733%20235.817%20396.788%20236.359%20395.961L256.998%20364.705L128.165%20330.185L118.458%20366.414C117.17%20371.219%20117.844%20376.338%20120.331%20380.645C122.818%20384.953%20126.914%20388.096%20131.719%20389.383L261.699%20424.211C266.503%20425.499%20271.622%20424.825%20275.93%20422.338C280.237%20419.851%20283.38%20415.755%20284.668%20410.95L294.375%20374.72L273.567%20369.145ZM80.9838%20349.901L73.0797%20347.784C71.7384%20347.425%2070.4809%20346.806%2069.3791%20345.961C68.2773%20345.116%2067.3529%20344.062%2066.6587%20342.86C65.9645%20341.657%2065.5141%20340.33%2065.3333%20338.953C65.1525%20337.576%2065.2448%20336.178%2065.6049%20334.837L76.5099%20294.139L94.6248%20298.993L80.9838%20349.901ZM261.709%20380.264L262.815%20398.623L251.578%20395.612L261.709%20380.264ZM354.271%20368.565L343.366%20409.263C343.008%20410.604%20342.388%20411.862%20341.543%20412.963C340.698%20414.065%20339.645%20414.99%20338.442%20415.684C337.24%20416.378%20335.912%20416.828%20334.536%20417.009C333.159%20417.19%20331.76%20417.098%20330.419%20416.738L322.515%20414.62L336.156%20363.711L354.271%20368.565ZM296.579%20362.367L132.434%20318.385C134.63%20315.188%20137.763%20312.75%20141.402%20311.407C145.04%20310.064%20149.006%20309.882%20152.752%20310.885L282.732%20345.713C286.479%20346.717%20289.823%20348.857%20292.303%20351.84C294.782%20354.822%20296.276%20358.5%20296.579%20362.367ZM102.017%20271.404L97.8607%20286.916L79.7458%20282.062L81.1664%20276.761C81.525%20275.419%2082.1444%20274.162%2082.9893%20273.06C83.8342%20271.958%2084.888%20271.034%2086.0904%20270.34C87.2928%20269.645%2088.6203%20269.195%2089.9969%20269.014C91.3735%20268.833%2092.7722%20268.926%2094.1131%20269.286L102.017%20271.404ZM339.392%20351.634L343.549%20336.122L351.453%20338.24C352.794%20338.598%20354.052%20339.218%20355.153%20340.063C356.255%20340.908%20357.18%20341.961%20357.874%20343.164C358.568%20344.366%20359.018%20345.694%20359.199%20347.07C359.38%20348.447%20359.288%20349.846%20358.928%20351.187L357.507%20356.488L339.392%20351.634ZM113.951%20275.171C122.908%20267.421%20133.627%20261.985%20145.171%20259.337C156.714%20256.69%20168.731%20256.913%20180.169%20259.985L281.576%20287.157C305.693%20293.619%20323.695%20311.503%20331.33%20333.417L355.198%20244.341C361.777%20219.781%20358.331%20193.613%20345.618%20171.594C332.905%20149.575%20311.967%20133.507%20287.408%20126.924L255.236%20118.304C230.676%20111.725%20204.508%20115.171%20182.489%20127.884C160.47%20140.596%20144.402%20161.535%20137.819%20186.094L113.951%20275.171ZM339.594%20205.626C341.31%20199.22%20340.411%20192.395%20337.096%20186.651C333.78%20180.908%20328.318%20176.717%20321.912%20175.001L204.184%20143.456C197.778%20141.739%20190.953%20142.638%20185.209%20145.954C179.466%20149.269%20175.275%20154.731%20173.559%20161.137L158.997%20215.481C157.281%20221.887%20158.179%20228.713%20161.495%20234.456C164.811%20240.199%20170.273%20244.39%20176.678%20246.106L294.407%20277.652C300.813%20279.368%20307.638%20278.47%20313.381%20275.154C319.125%20271.838%20323.316%20266.376%20325.032%20259.97L339.594%20205.626ZM299.802%20207.907L302.574%20248.62C302.642%20249.613%20302.472%20250.608%20302.078%20251.522C301.683%20252.436%20301.076%20253.242%20300.308%20253.875C299.539%20254.507%20298.63%20254.946%20297.657%20255.156C296.684%20255.366%20295.675%20255.341%20294.714%20255.083L263.925%20246.833C262.964%20246.575%20262.078%20246.092%20261.342%20245.423C260.605%20244.755%20260.038%20243.92%20259.689%20242.988C259.34%20242.057%20259.218%20241.055%20259.334%20240.067C259.45%20239.079%20259.8%20238.133%20260.355%20237.307L283.112%20203.435L182.399%20176.449L171.074%20218.717C170.216%20221.92%20170.665%20225.333%20172.323%20228.205C173.981%20231.076%20176.712%20233.172%20179.914%20234.03L297.643%20265.575C300.846%20266.433%20304.258%20265.984%20307.13%20264.326C310.002%20262.668%20312.097%20259.937%20312.955%20256.734L324.281%20214.466L299.802%20207.907ZM287.998%20218.581L289.502%20240.742L275.608%20237.02L287.998%20218.581ZM373.52%20212.192C372.715%20212.767%20371.789%20213.147%20370.814%20213.305L370.788%20213.305C370.921%20215.612%20370.982%20217.919%20370.964%20220.231L407.447%20193.829C406.873%20193.289%20406.344%20192.703%20405.864%20192.079C405.349%20191.365%20404.893%20190.611%20404.501%20189.824L373.52%20212.192ZM327.517%20202.39L185.635%20164.373C186.494%20161.17%20188.589%20158.439%20191.461%20156.781C194.332%20155.123%20197.745%20154.674%20200.948%20155.532L318.676%20187.077C321.879%20187.936%20324.61%20190.031%20326.268%20192.903C327.926%20195.774%20328.375%20199.187%20327.517%20202.39ZM147.249%20141.435C151.26%20136.633%20155.692%20132.171%20160.494%20128.112L157.125%20128.898C155.529%20129.228%20153.866%20128.922%20152.492%20128.044C151.119%20127.166%20150.142%20125.786%20149.772%20124.198C149.401%20122.61%20149.665%20120.94%20150.508%20119.545C151.351%20118.149%20152.706%20117.138%20154.284%20116.727L201.758%20105.651L205.879%2086.3363C206.049%2085.5333%20206.376%2084.7719%20206.841%2084.0958C207.307%2083.4197%20207.901%2082.8424%20208.591%2082.3969L232.214%2067.0786C227.628%2065.2524%20222.591%2064.8787%20217.784%2066.0079L128.98%2086.7259L131.579%2097.868C133.162%2097.5728%20134.797%2097.8993%20136.144%2098.7795C137.492%2099.6597%20138.448%20101.026%20138.814%20102.593C139.179%20104.161%20138.926%20105.809%20138.107%20107.194C137.288%20108.58%20135.966%20109.596%20134.416%20110.032L136.411%20118.578C138.002%20118.263%20139.653%20118.579%20141.015%20119.458C142.378%20120.338%20143.345%20121.712%20143.713%20123.292C144.081%20124.871%20143.821%20126.532%20142.988%20127.923C142.154%20129.314%20140.813%20130.327%20139.246%20130.748L141.242%20139.288C142.344%20139.074%20143.483%20139.161%20144.54%20139.539C145.596%20139.916%20146.532%20140.571%20147.249%20141.435ZM396.794%20179.966C396.276%20179.416%20395.797%20178.829%20395.362%20178.211C394.969%20177.651%20394.606%20177.072%20394.273%20176.476L368.228%20195.326C368.578%20196.844%20368.894%20198.371%20369.174%20199.909L396.794%20179.966ZM389.973%20124.966L392.66%20120.858L368.343%20104.997L341.856%20145.617C349.023%20153.3%20355.032%20161.987%20359.694%20171.404L363.254%20165.944L360.983%20164.469C359.671%20163.53%20358.771%20162.121%20358.473%20160.536C358.175%20158.95%20358.5%20157.311%20359.382%20155.96C360.263%20154.608%20361.632%20153.65%20363.204%20153.284C364.775%20152.918%20366.427%20153.173%20367.814%20153.996L370.085%20155.472L373.406%20150.375L363.473%20143.895C362.106%20142.981%20361.154%20141.564%20360.824%20139.953C360.494%20138.341%20360.812%20136.664%20361.71%20135.286C362.609%20133.907%20364.014%20132.939%20365.622%20132.59C367.229%20132.241%20368.91%20132.54%20370.299%20133.421L380.237%20139.903L383.148%20135.441L381.087%20134.099C379.698%20133.193%20378.726%20131.772%20378.385%20130.15C378.043%20128.527%20378.361%20126.835%20379.266%20125.447C380.172%20124.058%20381.593%20123.086%20383.215%20122.745C384.838%20122.403%20386.53%20122.72%20387.918%20123.626L389.973%20124.966ZM405.953%20171.483C407.458%20173.233%20409.718%20174%20409.718%20174C411.76%20174.735%20413.273%20176.48%20413.72%20178.606C413.72%20178.606%20414.378%20182.452%20415.806%20184.491L423.611%20168.669L405.953%20171.483ZM151.783%20105.987L197.553%2095.3082C199.146%2094.9116%20200.518%2093.9046%20201.375%2092.5045C202.232%2091.1044%20202.503%2089.4235%20202.131%2087.8249C201.759%2086.2263%20200.773%2084.8382%20199.386%2083.9602C197.999%2083.0823%20196.323%2082.785%20194.719%2083.1325L148.942%2093.8156C148.125%2093.9846%20147.35%2094.3154%20146.663%2094.7886C145.975%2095.2617%20145.39%2095.8677%20144.941%2096.5706C144.491%2097.2736%20144.187%2098.0594%20144.046%2098.8817C143.905%2099.704%20143.931%20100.546%20144.12%20101.359C144.31%20102.171%20144.66%20102.937%20145.151%20103.612C145.641%20104.287%20146.262%20104.857%20146.976%20105.288C147.69%20105.72%20148.483%20106.004%20149.309%20106.124C150.135%20106.244%20150.976%20106.197%20151.783%20105.987ZM246.473%2075.8178L242.562%2094.1592C242.215%2095.7803%20241.239%2097.1974%20239.848%2098.099C238.458%2099.0006%20236.766%2099.3129%20235.144%2098.9673L216.803%2095.0558L214.974%20103.646C229.498%20101.551%20244.297%20102.43%20258.472%20106.227L290.644%20114.848C303.831%20118.381%20316.099%20124.335%20326.886%20132.286L334.906%2094.6725L246.473%2075.8178ZM314.861%20103.183L256.095%2090.6536C255.286%2090.4651%20254.447%2090.4398%20253.629%2090.5791C252.81%2090.7184%20252.027%2091.0196%20251.325%2091.4649C250.624%2091.9103%20250.019%2092.4909%20249.544%2093.173C249.07%2093.855%20248.737%2094.6247%20248.563%2095.4371C248.39%2096.2495%20248.38%2097.0884%20248.535%2097.9046C248.689%2098.7208%20249.005%2099.498%20249.463%20100.191C249.921%20100.884%20250.513%20101.478%20251.204%20101.94C251.895%20102.401%20252.67%20102.72%20253.486%20102.879L312.252%20115.408C313.061%20115.597%20313.899%20115.622%20314.718%20115.483C315.537%20115.344%20316.32%20115.042%20317.021%20114.597C317.722%20114.152%20318.328%20113.571%20318.802%20112.889C319.276%20112.207%20319.61%20111.437%20319.783%20110.625C319.957%20109.812%20319.966%20108.974%20319.812%20108.157C319.657%20107.341%20319.342%20106.564%20318.883%20105.871C318.425%20105.178%20317.833%20104.584%20317.143%20104.122C316.452%20103.661%20315.676%20103.342%20314.861%20103.183ZM232.402%2081.8589L228.056%2084.6744L231.637%2085.4398L232.402%2081.8589Z%22%20fill%3D%22%23E68E02%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1038_9384%22%3E%20%3Crect%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22white%22%20transform%3D%22translate%28103.549%29%20rotate%2815%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
	}

	@media (min-width: 600px) {

		/* В макете на 768 книга поднята над заголовком на 259, а не на 307. */
		.gc-deco-classes .gc-head::before { inset-block-start: -25.9rem; inset-inline-start: calc(50% + 7.8rem); inline-size: 31.5rem; block-size: 31.5rem; }
		.gc-deco-plan .gc-head::before    { inset-inline-start: calc(50% - 36.4rem); inset-block-start: 31.1rem; inline-size: 24rem; block-size: 24rem; }
		.gc-deco-faq .gc-head::before     { inset-inline-start: calc(50% + 5.6rem); inline-size: 29.4rem; block-size: 29.4rem; }
	}

	@media (min-width: 1024px) {

		.gc-deco-classes .gc-head::before { inset-block-start: -30.7rem; inset-inline-start: calc(50% + 4.6rem); inline-size: 39.4rem; block-size: 39.4rem; }
		.gc-deco-plan .gc-head::before    { inset-inline-start: calc(50% - 49.2rem); inset-block-start: 31.7rem; inline-size: 30rem; block-size: 30rem; }
		.gc-deco-faq .gc-head::before     { inset-inline-start: calc(50% + 16.8rem); inline-size: 36.7rem; block-size: 36.7rem; }
	}

	@media (min-width: 1200px) {

		.gc-deco-classes .gc-head::before { inset-inline-start: calc(50% + 11.4rem); }
		.gc-deco-plan .gc-head::before    { inset-inline-start: calc(50% - 56rem); inset-block-start: 32.1rem; }
		.gc-deco-faq .gc-head::before     { inset-inline-start: calc(50% + 23.6rem); }
	}

	@media (min-width: 1600px) {

		.gc-deco-classes .gc-head::before { inset-inline-start: calc(50% + 27.5rem); inline-size: 52.5rem; block-size: 52.5rem; }
		.gc-deco-plan .gc-head::before    { inset-inline-start: calc(50% - 76rem); inset-block-start: 35.5rem; inline-size: 40rem; block-size: 40rem; }
		.gc-deco-faq .gc-head::before     { inset-inline-start: calc(50% + 27rem); inline-size: 49rem; block-size: 49rem; }
	}

	@media (min-width: 1920px) {

		.gc-deco-classes .gc-head::before { inset-inline-start: calc(50% + 43.5rem); }
		.gc-deco-plan .gc-head::before    { inset-inline-start: calc(50% - 92rem); inset-block-start: 37.4rem; }
		.gc-deco-faq .gc-head::before     { inset-inline-start: calc(50% + 43rem); }
	}

	/* ШКАЛА ТЕКСТА ПО МАКЕТУ ============================================== */

	/* Кегли сняты из файла Фигмы по каждому текстовому узлу на шести ширинах, таблица в памяти проекта. Раздел
	   стоит последним: при равной силе побеждает правило ниже. */

	.gc-head h2                { font-size: 3.2rem; }
	.gc-head p                 { font-size: 1.6rem; }
	.gc-how__card h3           { font-size: 2.4rem; }
	.gc-how__card p            { font-size: 1.6rem; }
	.gc-tab                    { font-size: 2.4rem; }
	.gc-tab__num               { font-size: 1rem; }
	.gc-card p                 { font-size: 2.4rem; }
	.gc-plan__row p            { font-size: 2rem; }
	.gc-plan__row p:last-child { font-size: 2.4rem; }
	.gc-faq__item summary      { font-size: 1.8rem; }
	.gc-faq__answer            { font-size: 1.6rem; }
	.gc-hero__txt .button      { font-size: 1.8rem; }
	.gc-center .button,
	.gc-plan > .button         { font-size: 2rem; }

	/* Номер шага в макете набран Cygre Bold, а не шрифтом заголовков. */
	.gc-how__num {
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 3.6rem;
		line-height: 1.4;
		letter-spacing: -0.05em;
	}

	/* Все кнопки 53 в высоту, ширина получается от надписи. Высоту задаём числом: у её кнопки своя отбивка сверху
	   и снизу. */
	.gc-hero__txt > .button,
	.gc-center > .button,
	.gc-plan > .button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		block-size: 5.3rem;
		padding-block: 0;
		padding-inline: 3.2rem;
	}

	/* Кнопка героя: при 1024 и уже она 52, при 480 растянута во всю ширину. */
	.gc-hero__txt > .button {
		block-size: 5.2rem;
		inline-size: 100%;
	}

	/* В макете на телефоне во всю ширину растянута только кнопка героя. */
	.gc-plan > .button {
		inline-size: fit-content;
	}

	@media (min-width: 768px) {

		.gc-head h2  { font-size: 3.6rem; }
		.gc-hero__txt > .button { inline-size: auto; }
		.gc-tab      { font-size: 2.8rem; }
		.gc-tab__num { font-size: 1.6rem; }
		.gc-faq__item summary { font-size: 2.4rem; }
	}

	@media (min-width: 1024px) {

		.gc-head p      { font-size: 1.8rem; }
		.gc-how__card p { font-size: 1.8rem; }
		.gc-faq__answer { font-size: 1.8rem; }
	}

	@media (min-width: 1200px) {

		.gc-head h2           { font-size: 4.2rem; }
		.gc-hero__txt > .button { block-size: 5.3rem; }
		.gc-tab               { font-size: 3.2rem; }
		.gc-hero__txt .button { font-size: 2rem; }
	}

	@media (min-width: 1600px) {

		.gc-head h2                { font-size: 5.2rem; }
		.gc-head p                 { font-size: 2rem; }
		.gc-how__num               { font-size: 4.8rem; margin-block-start: 1.9rem; }
		.gc-how__card h3           { font-size: 3.2rem; margin-block-end: 1rem; }
		.gc-how__card              { gap: 0 2rem; padding: 2rem; }
		.gc-how__card p            { font-size: 2rem; }
		.gc-tab                    { font-size: 3.6rem; }
		.gc-card p                 { font-size: 2.8rem; }
		.gc-plan__row p            { font-size: 2.4rem; }
		.gc-plan__row p:last-child { font-size: 2.8rem; }
		.gc-faq__item summary      { font-size: 2.8rem; }
		.gc-faq__answer            { font-size: 2rem; }
	}

	@media (min-width: 1920px) {

		.gc-head h2                { font-size: 6.4rem; }
		.gc-tab                    { font-size: 4.8rem; }
		.gc-card p                 { font-size: 3.2rem; }
		.gc-plan__row p:last-child { font-size: 3.2rem; }
		.gc-faq__item summary      { font-size: 3.2rem; }
	}

	/* ЭКРАНЫ УЖЕ САМОГО УЗКОГО МАКЕТА ==================================== */

	/* Ниже 480 макета нет: кегль вкладок и полоски ведём по ширине окна, разбор
	   в памяти проекта. Блок в конце файла, при равной силе побеждает правило ниже. */
	@media (max-width: 599px) {

		.gc-tab {
			gap: .4rem;
			padding-inline: .2rem;
			font-size: clamp(1.4rem, calc(6.56vw - 7.5px), 2.4rem);
		}

		.gc-tab__num {
			inline-size: 1.6rem;
			block-size: 1.6rem;
			font-size: 1rem;
		}

		.gc-nav a {
			padding-inline: clamp(.4rem, 2vw, 1.2rem);
			font-size: min(1.8rem, 4.4vw);
		}
	}

	/* Ниже 360 шапка темы переносится в две строки и накрывает полоску разделов: опускаем её, иначе верх не
	   нажать. */
	@media (max-width: 355px) {

		.gc-nav {
			inset-block-start: 11rem;
		}
	}
}


/*
 * Перекраска списка занятий. Стоит ВНЕ слоя styl.blocks и со знаком important
 * намеренно: Amelia пишет свои цвета переменными прямо в атрибут style каждой
 * кнопки и формы, а такое не перебить ни весом селектора, ни слоем.
 * Календарь на компьютере не трогаем, его цвета клуб задаёт у себя в админке.
 */
.gc-list .amelia-v2-booking {
	--am-font-family: var(--font-body, inherit);
}

.gc-list .am-elf,
.gc-list .am-ec {
	--am-c-primary: #e68e02 !important;
	--am-c-ec-primary: #e68e02 !important;
}

.gc-list .am-button--primary {
	--am-c-btn-first: #e68e02 !important;
	--am-c-btn-first-op80: rgba(230, 142, 2, 0.8) !important;
	--am-c-btn-first-op30: rgba(230, 142, 2, 0.3) !important;
	--am-c-btn-first-op20: rgba(230, 142, 2, 0.1) !important;
}

/* КОНЕЦ блока страницы Group Classes */


/* НАЧАЛО блока страницы Russian for Adults, студия СТЕК. Не править руками: файл-источник rukidsclub-pages/russian-for-adults.css */
/* Страница Russian for Adults: блок дописывается в конец style.css дочерней темы между метками, править здесь.
   Корневой шрифт 10px, поэтому 2rem это 20px макета; ступени кеглей и пороги перестроений в памяти проекта. */

@layer styl.blocks {

	/* Основа страницы ------------------------------------------------------ */

	/* Блок с цитатами в макете шире экрана и уходит за оба края: без запрета страница прокручивается вбок. */
	.rfa-page {
		--rfa-h1: 8.2rem;
		--rfa-lead: 3.2rem;
		--rfa-h2: 6.4rem;
		--rfa-h3: 3.2rem;
		--rfa-txt: 2rem;
		--rfa-small: 1.4rem;
		--rfa-btn: 2rem;
		--rfa-gap: 4rem;
		--rfa-cards: 2rem;
		--rfa-pad: 4rem;
		--rfa-sec: 16rem;
		--rfa-cloud-lead: 2.4rem;
		--rfa-form-btn: 3.2rem;
		--rfa-quote: 1.4rem;
		--rfa-sum: 3.2rem;

		inline-size: 100vw;
		max-inline-size: none;
		margin-inline: calc(50% - 50vw);
		overflow-x: clip;
		font-family: var(--font-body, "Cygre", sans-serif);
		color: var(--color-gray-3, #565d62);
	}

	/* Зазор между разделами в макете: 160 при 1920, 120 при 1600…1024, 80 ниже. */
	@media (width <= 1600px) {
		.rfa-page {
			--rfa-h1: 6.4rem;
			--rfa-lead: 2.8rem;
			--rfa-h2: 5.2rem;
			--rfa-h3: 2.8rem;
			--rfa-sec: 12rem;
			--rfa-sum: 2.8rem;
		}
	}

	@media (width <= 1400px) {
		.rfa-page {
			--rfa-h1: 4.8rem;
			--rfa-lead: 2.4rem;
			--rfa-cloud-lead: 2rem;
			--rfa-form-btn: 2.8rem;
			--rfa-quote: 1.2rem;
			--rfa-sum: 2.4rem;
			--rfa-h2: 4.2rem;
			--rfa-h3: 2.4rem;
			--rfa-txt: 1.8rem;
			--rfa-gap: 3.2rem;
		}
	}

	/* Между нарисованными ширинами кегль заголовка идёт прямой, а не ступенью: ступень держала кегль, пока
	   фотографии уезжали влево, и они наезжали на текст. */
	@media (1400px < width <= 1600px) {
		.rfa-page { --rfa-h1: calc(8vw - 6.4rem); }
	}

	@media (1600px < width <= 1920px) {
		.rfa-page { --rfa-h1: calc(5.625vw - 2.6rem); }
	}

	@media (width <= 1024px) {
		.rfa-page {
			--rfa-h1: 4.4rem;
			--rfa-lead: 2rem;
			--rfa-h2: 3.6rem;
			--rfa-btn: 1.8rem;
			--rfa-sum: 2rem;
			--rfa-pad: 2rem;
		}
	}

	@media (width <= 900px) {
		.rfa-page {
			--rfa-txt: 1.6rem;
			--rfa-sec: 8rem;
			--rfa-form-btn: 2.4rem;
		}
	}

	@media (width <= 600px) {
		.rfa-page {
			--rfa-h1: 3.8rem;
			--rfa-h2: 3.2rem;
			--rfa-quote: 1rem;
			--rfa-cloud-h2: 3.6rem;
			--rfa-h3: 1.8rem;
			--rfa-pad: 1rem;
		}
	}

	/* Контейнер темы даёт 20px по краям, добавляем недостающее до макетных полей и только своим разделам: у
	   полноширинного баннера заливка отошла бы от края экрана. */
	.rfa-section {
		padding-inline: var(--rfa-pad);
	}

	/* Шире 1920 макета нет: содержимое держит колонка 1840 по центру, иначе разделы уходят к краям, а баннер
	   оставляет справа пустую полосу. */
	@media (width > 1920px) {
		.rfa-section {
			max-inline-size: 192rem;
			margin-inline: auto;
		}

		.rfa-hero__txt { inset-inline-start: calc(50% - 92rem); }
	}

	/* Заголовок раздела ---------------------------------------------------- */

	/* Общий стиль темы задаёт заголовкам свой регистр и кегль. Строку обрезаем по высоте букв: иначе блок выше
	   макетного и содержимое раздела уезжает вниз. */
	/* Сужаем сам заголовок с подписью, а не блок: от левого края блока считают своё место рисунки разделов. */
	.rfa-head {
		display: grid;
		justify-items: center;
		gap: 1rem;
		margin-block-end: var(--rfa-gap);
		text-align: center;
	}

	.rfa-head__title {
		margin: 0;
		max-inline-size: min(100rem, 100%);
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-h2);
		font-weight: 400;
		line-height: 1;
		text-transform: uppercase;
		color: var(--color-black, #17222b);
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	/* Межстрочный подписи в макете 24 при кегле 20, то есть 1.2. */
	.rfa-head__sub {
		margin: 0;
		max-inline-size: min(100rem, 100%);
		font-size: var(--rfa-txt);
		line-height: 1.2;
		color: var(--color-gray-3, #565d62);
	}

	/* Баннер --------------------------------------------------------------- */

	/* Заливка радиальная из макета, скругление только снизу. Высота числом: при расчёте по содержимому круглые
	   фотографии наезжают на заголовок. */
	/* Во всю ширину окна. Атрибут data-layout здесь не работает, он для прямых детей её контейнера, поэтому
	   расширяем отрицательными полями. */
	.rfa-hero {
		position: relative;
		display: grid;
		/* Колонку задаём явно: иначе сетка наследует именованные линии её контейнера и текст садится в чужую колонку. */
		grid-template-columns: minmax(0, 1fr);
		align-content: end;
		min-block-size: 80rem;
		padding: 12rem var(--rfa-pad) 8rem;
		border-end-start-radius: 4rem;
		border-end-end-radius: 4rem;
		/* Размер заливки задаём долями элемента, а не словом circle: без размера круг тянется до дальнего угла и
		   зависит от формы окна. */
		background: radial-gradient(96.35% 99.7% at 76.8% 52.8%,
			var(--color-orange-bright, #f69d05) 0%,
			var(--color-orange-dark, #ea5b0c) 100%);
		color: #fff;
		overflow: clip;
	}

	/* Текст стоит по левому полю страницы, а не по центру баннера, и отбивка баннера и есть это поле. */
	/* Абсолютная привязка от края баннера: правила конструктора лежат вне слоёв и сильнее наших, из-за них блок
	   садится в чужую колонку. */
	.rfa-hero__txt {
		position: absolute;
		z-index: 2;
		inset-inline-start: var(--rfa-pad);
		inset-block-end: 8rem;
		display: grid;
		justify-items: start;
		gap: 2rem;
		inline-size: 99rem;
		max-inline-size: calc(100% - var(--rfa-pad) * 2);
		row-gap: 3.2rem;
	}

	/* Коробка кнопки числом из макета: её собственная отбивка своя, и высота гуляет от длины надписи. */
	.rfa-hero__txt :where(.button, .btn) {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		block-size: 5.3rem;
		padding-block: 0;
		padding-inline: 3.2rem;
		border-radius: 6rem;
	}

	.rfa-hero__title {
		margin: 0;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-h1);
		font-weight: 400;
		line-height: 1;
		text-transform: uppercase;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		color: #fff;
	}

	.rfa-hero__lead {
		margin: 0;
		max-inline-size: 79rem;
		font-size: var(--rfa-lead);
		line-height: 1.19;
		color: #fff;
	}

	/* Круглые фотографии и бледные фигуры баннера. */
	.rfa-hero__deco {
		position: absolute;
		inset: 0;
		z-index: 1;
		pointer-events: none;
	}

	/* Окно показа из макета вшито в сами файлы, поэтому здесь обычный cover. */
	.rfa-hero__photo {
		position: absolute;
		border-radius: 50%;
		object-fit: cover;
	}

	/* Числа из макета: размер, отступ справа и отступ сверху для каждой ширины. */

	@media (width <= 1600px) {
		.rfa-hero__txt { inline-size: 76rem; }
	}

	@media (width <= 1400px) {
		.rfa-hero__txt { inline-size: 56rem; inset-block-end: 6rem; }
	}

	@media (width <= 1024px) {
		.rfa-hero__txt { inline-size: 56rem; inset-block-end: 6rem; row-gap: 2rem; }
	}

	/* От 900 и ниже в макете другой кадр: заголовок уходит наверх, фотографии ложатся под ним. */
	@media (width <= 900px) {
		.rfa-hero {
			align-content: start;
			padding-block: 13rem 4rem;
		}

		/* При 768 блок в макете стоит по центру и сверху, x=84 y=130, ширина 600. */
		.rfa-hero__txt {
			inset-inline-start: 8.4rem;
			inset-block-start: 13rem;
			inset-block-end: auto;
			justify-items: center;
			inline-size: 60rem;
			max-inline-size: calc(100% - 4rem);
			text-align: center;
		}

	}

	@media (width <= 600px) {


		/* При 480 блок во всю ширину от поля 10, кнопка растянута на все 460. */
		.rfa-hero__txt {
			inset-inline-start: 1rem;
			inset-block-start: 13rem;
			inline-size: 46rem;
			max-inline-size: calc(100% - 2rem);
		}

		.rfa-hero__txt :where(.button, .btn) {
			display: flex;
			inline-size: 100%;
		}
	}

	/* Между нарисованными ширинами колонка текста идёт прямой, а не ступенью.
	   Причина та же, что у кегля заголовка выше: ступень держит ширину, пока фотографии уезжают влево, и строки
	   заходят на кружки. Правая граница колонки садится на левый край того кружка, который в этой полосе мешает,
	   ровно как нарисовано на кадрах 1024 и 1600. Формулы взяты из блоков украшений ниже по файлу, поэтому при
	   пересборке rfa-deco-css.mjs их надо сверить: сторож f-hero-nayezd.mjs это ловит. */
	/* Ужимаем колонку только МЕЖДУ кадрами: на самой 1024 колонка обязана остаться макетной, 560, иначе
	   сверка с макетом ловит расхождение. Там наезда и нет, подпись держит своя ширина ниже. */
	@media (900px < width < 1024px) {
		.rfa-hero__txt { inline-size: min(56rem, calc(211.3281vw - 1600px - var(--rfa-pad))); }
	}

	/* При 1024 подпись в макете уже колонки, 511 против 560 у заголовка, и первая строка кончается на casual. */
	@media (900px < width <= 1024px) {
		.rfa-hero__lead { max-inline-size: 51.1rem; }
	}

	@media (1024px < width <= 1200px) {
		.rfa-hero__txt { inline-size: min(56rem, calc(43.1818vw + 121.82px - var(--rfa-pad))); }

		/* Своя ширина подписи идёт прямой от 511 при 1024 до 560 при 1200, где она сравнивается с заголовком. */
		.rfa-hero__lead { max-inline-size: calc(27.84vw + 22.6rem); }
	}

	@media (1400px < width <= 1600px) {
		.rfa-hero__txt { inline-size: min(76rem, calc(124.5vw - 1192px - var(--rfa-pad))); }
	}

	/* Украшения из макета --------------------------------------------------- */

	/* Прозрачность фигур зашита в самих файлах числами макета, в стилях её не трогаем: иначе одно значение задано
	   в двух местах. Файлы лежат в uploads, потому что svg в медиатеку WordPress не пропускает. */
	.rfa-shape,
	.rfa-ic {
		position: absolute;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		pointer-events: none;
	}

	/* Рисунок раздела лежит под содержимым; isolation держит отрицательный слой внутри раздела, иначе он уходит за
	   фон страницы. */
	.rfa-cta,
	.rfa-prices,
	.rfa-feedback,
	.rfa-faq {
		isolation: isolate;
	}

	.rfa-ic {
		z-index: -1;
	}

	/* Рисунки разделов висят от заголовка, поэтому он и есть точка отсчёта. */
	.rfa-head {
		position: relative;
	}

	.rfa-shape--1 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20236%20235%22%20width%3D%22236%22%20height%3D%22235%22%3E%3Cg%20transform%3D%22translate%2833.98%2036.16%29%22%3E%3Cpath%20d%3D%22M168.037%200L168.037%2081.5665C121.439%2081.5665%2083.7833%20118.021%2083.7833%20163.133L0%20163.133C0%2072.9086%2075.3108%200%20168.037%200Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-shape--2 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20183%20183%22%20width%3D%22183%22%20height%3D%22183%22%3E%3Cg%20transform%3D%22translate%2825.62%2029.28%29%22%3E%3Cpath%20d%3D%22M115.443%2063.7754C154.25%20111.441%20114.536%20150.081%2065.5469%20112.323C16.5572%20150.081%20-23.1565%20111.441%2015.6512%2063.7754C-23.1565%2016.1097%2016.5575%20-22.5307%2065.5469%2015.2282C114.537%20-22.5307%20154.25%2016.11%20115.443%2063.7754Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-shape--3 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20363%20363%22%20width%3D%22363%22%20height%3D%22363%22%3E%3Cg%20transform%3D%22translate%2849.43%20107.29%29%22%3E%3Cpath%20d%3D%22M264.155%200L206.86%200C165.934%200%20131.706%2032.5795%20131.706%2073.1229C131.706%2032.5795%2098.2212%200%2057.2957%200L0%200L0%2019.5477C0%2090.4986%2059.528%20148.418%20132.45%20148.418C205.372%20148.418%20264.9%2090.4986%20264.9%2019.5477L264.155%200Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	/* У четвёртой и пятой фигуры рисунок меньше своей рамки и повёрнут, поэтому файлы собраны по размеру рамки и
	   правило здесь общее. */
	.rfa-shape--4 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22197%22%20height%3D%22198%22%20viewBox%3D%220%200%20197%20198%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%2829.99%2055.42%29%20scale%281.000022%29%22%3E%3Cpath%20d%3D%22M94.8511%200C84.875%200%2075.7231%203.60152%2068.5038%209.59022C61.2841%203.60191%2052.1323%200%2042.1561%200C18.8743%200%200%2019.5118%200%2043.5807C0%2067.6496%2018.874%2087.1614%2042.1561%2087.1614C52.1323%2087.1614%2061.2845%2083.5599%2068.5038%2077.5712C75.7231%2083.5599%2084.875%2087.1614%2094.8511%2087.1614C118.133%2087.1614%20137.007%2067.6496%20137.007%2043.5807C137.007%2019.5118%20118.133%200%2094.8511%200Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-shape--5 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22353.99%22%20height%3D%22353.99%22%20viewBox%3D%220%200%20353.99%20353.99%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%28181.331%2070.44%29%20rotate%2860%29%22%3E%3Cpath%20d%3D%22M124.768%200C111.645%200%2099.6068%204.71354%2090.1104%2012.5513C80.6136%204.71405%2068.5752%200%2055.4525%200C24.8275%200%200%2025.5363%200%2057.0369C0%2088.5374%2024.827%20114.074%2055.4525%20114.074C68.5752%20114.074%2080.6141%20109.36%2090.1104%20101.522C99.6068%20109.36%20111.645%20114.074%20124.768%20114.074C155.393%20114.074%20180.22%2088.5374%20180.22%2057.0369C180.22%2025.5363%20155.393%200%20124.768%200Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-ic--cta-a { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22525.49%22%20height%3D%22525.49%22%20viewBox%3D%220%200%20525.49%20525.49%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%28-124.864%20-74.97%29%20scale%280.99936%29%20translate%28157.755%20157.755%29%20rotate%2823.3%20262.745%20262.745%29%22%3E%3Cg%20transform%3D%22translate%2818.75%2019.11%29%22%3E%3Cpath%20d%3D%22M117.55%2068.6706C106.475%2069.9206%2056.1317%2075.5956%2041.7255%2077.3644C34.113%2078.2956%2019.8505%2082.3581%2010.1442%2094.4831C3.75673%20102.458%20-0.805767%20113.946%200.119233%20130.514L0.137983%20130.771L17.3317%20307.827C17.2317%20308.502%2017.1442%20309.177%2017.0755%20309.858C14.6505%20333.846%2034.5942%20355.383%2059.8192%20354.733L249.238%20347.996C252.491%20347.881%20255.571%20346.507%20257.831%20344.165C260.091%20341.822%20261.353%20338.694%20261.35%20335.439L261.35%20331.852C261.352%20330.165%20261.014%20328.494%20260.356%20326.941C259.698%20325.388%20258.733%20323.983%20257.519%20322.811C256.306%20321.639%20254.868%20320.723%20253.293%20320.119C251.718%20319.515%20250.037%20319.235%20248.35%20319.296L246.363%20319.371C241.538%20313.408%20238.944%20302.933%20239.594%20293.802L279.657%20299.296C303.544%20302.333%20324.682%20284.789%20326.569%20262.233L326.588%20262.127L361.582%2082.4456L361.619%2082.2269C364.207%2065.8269%20360.826%2053.9456%20355.275%2045.3644C346.832%2032.3206%20333.05%2026.8456%20325.575%2025.1519C325.402%2025.1146%20325.227%2025.0833%20325.05%2025.0581L143.8%200.0581454C142.326%20-0.144283%20140.827%200.185632%20139.574%200.988641C138.321%201.79165%20137.395%203.01514%20136.963%204.4394L117.55%2068.6706ZM129.982%20278.758L67.3317%20280.989C48.1755%20281.639%2031.2692%20293.708%2029.513%20311.114C27.8192%20327.833%2041.8942%20342.677%2059.4817%20342.239L248.794%20335.502C248.825%20335.502%20248.85%20335.477%20248.85%20335.439L248.85%20331.852C248.85%20331.839%20248.844%20331.821%20248.832%20331.808C248.819%20331.796%20248.807%20331.789%20248.788%20331.789L61.538%20338.383L61.4442%20338.389C50.4067%20338.608%2035.4067%20331.539%2034.788%20313.758C34.2005%20296.689%2048.163%20285.502%2065.2255%20284.846L151.875%20281.764L129.982%20278.758ZM227.244%20292.108L224.269%20291.696L65.7005%20297.339C55.788%20297.721%2046.938%20303.408%2047.2817%20313.321C47.6005%20322.489%2055.4567%20325.989%2061.1567%20325.889L232.313%20319.864C228.532%20311.708%20226.557%20301.371%20227.244%20292.108ZM279.6%20225.171C296.525%20227.464%20310.763%20238.596%20313.663%20253.377L313.8%20254.089C314.069%20255.671%20314.207%20257.296%20314.207%20258.946C314.207%20275.752%20298.707%20289.102%20281.257%20286.902L94.4567%20261.271C94.037%20261.213%2093.6524%20261.005%2093.3743%20260.686C93.0961%20260.366%2092.9433%20259.957%2092.9442%20259.533L92.9442%20259.258C92.9436%20259.007%2092.9968%20258.759%2093.1004%20258.531C93.204%20258.303%2093.3554%20258.099%2093.5445%20257.934C93.7336%20257.77%2093.9558%20257.647%2094.1963%20257.576C94.4367%20257.505%2094.6896%20257.486%2094.938%20257.521L279.6%20282.858L279.694%20282.871C290.65%20284.202%20306.282%20278.677%20308.688%20261.046C310.994%20244.127%20298.225%20231.589%20281.313%20229.221L91.6192%20203.196C90.8442%20203.089%2090.638%20202.239%2090.638%20201.452L90.638%20201.183C90.638%20200.314%2091.0317%20199.714%2091.8505%20199.427C91.9342%20199.417%2092.0191%20199.424%2092.1005%20199.446L279.6%20225.171ZM37.1567%2091.0644C31.6567%2092.7082%2024.938%2096.0081%2019.9005%20102.296C15.0567%20108.352%2011.913%20117.146%2012.5942%20129.696L27.7692%20286.002C35.7067%20277.102%2047.3067%20270.977%2060.3192%20269.083L37.1567%2091.0644ZM110.182%20218.358C111.498%20222.19%20112.348%20226.167%20112.713%20230.202C113.163%20235.814%20112.469%20241.639%20109.763%20246.939L281.269%20270.471C286.925%20271.127%20295.063%20268.427%20296.3%20259.358C297.644%20249.527%20289.407%20242.977%20279.582%20241.602L110.182%20218.358ZM72.713%20268.289L83.1692%20267.921C81.3961%20265.486%2080.442%20262.551%2080.4442%20259.539L80.4442%20259.271C80.4421%20257.307%2080.8456%20255.365%2081.6295%20253.565C82.4135%20251.765%2083.5609%20250.147%2084.9998%20248.811C86.4387%20247.475%2088.138%20246.451%2089.9912%20245.803C91.8445%20245.156%2093.8116%20244.898%2095.7692%20245.046C99.8317%20241.096%20100.632%20235.964%20100.25%20231.196C99.7692%20225.158%2097.4755%20219.533%2095.9692%20216.408L89.9192%20215.577C82.763%20214.596%2078.138%20208.683%2078.138%20201.452L78.138%20201.183C78.138%20199.733%2078.3567%20198.308%2078.7817%20196.952L113.613%2081.6956C98.8755%2083.3581%2066.1255%2087.0644%2049.4942%2089.0207L72.8005%20268.133L72.713%20268.289ZM328.744%2039.2456L287.782%20214.033C300.95%20217.333%20312.163%20224.958%20319.125%20235.071L349.3%2080.1081C351.225%2067.7081%20348.988%2058.6581%20344.782%2052.1581C340.4%2045.3956%20334.044%2041.4331%20328.744%2039.2456ZM316.544%2036.5019L147.382%2013.1706L94.788%20187.196L275.425%20211.983L316.544%2036.5019ZM288.544%2057.7331C288.81%2056.8679%20288.884%2055.9553%20288.763%2055.0583C288.642%2054.1614%20288.327%2053.3015%20287.841%2052.538C287.355%2051.7744%20286.709%2051.1254%20285.948%2050.6358C285.186%2050.1462%20284.328%2049.8275%20283.432%2049.7019L173.5%2034.4269C172.032%2034.2241%20170.539%2034.5494%20169.288%2035.345C168.036%2036.1405%20167.109%2037.3546%20166.669%2038.7706L159.907%2060.6456C159.642%2061.5113%20159.569%2062.424%20159.69%2063.3209C159.812%2064.2178%20160.127%2065.0776%20160.613%2065.8413C161.098%2066.6051%20161.744%2067.2545%20162.505%2067.7451C163.265%2068.2357%20164.123%2068.5557%20165.019%2068.6832L274.95%2083.9519C276.42%2084.1573%20277.914%2083.833%20279.165%2083.0371C280.417%2082.2412%20281.345%2081.0256%20281.782%2079.6081L288.544%2057.7331ZM274.425%2061.0707L271.407%2070.8456L174.025%2057.3144L177.044%2047.5394L274.425%2061.0707Z%22%20fill%3D%22%23e68e02%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-ic--cta-b { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22437.13%22%20height%3D%22437.13%22%20viewBox%3D%220%200%20437.13%20437.13%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%28-50.776%20-108.678%29%20scale%280.99666%29%20translate%28131.435%20131.435%29%20rotate%28-30%20218.565%20218.565%29%22%3E%3Cg%20transform%3D%22translate%2827.93%2025.93%29%22%3E%3Cpath%20d%3D%22M9.37931%2014.069L4.68965%2014.069C3.44588%2014.069%202.25305%2014.5631%201.37357%2015.4425C0.494088%2016.322%200%2017.5148%200%2018.7586C0%2020.0024%200.494088%2021.1952%201.37357%2022.0747C2.25305%2022.9542%203.44588%2023.4483%204.68965%2023.4483L9.37931%2023.4483L9.37931%2037.5172L4.68965%2037.5172C3.44588%2037.5172%202.25305%2038.0113%201.37357%2038.8908C0.494088%2039.7703%200%2040.9631%200%2042.2069C0%2043.4507%200.494088%2044.6435%201.37357%2045.523C2.25305%2046.4025%203.44588%2046.8966%204.68965%2046.8966L9.37931%2046.8966L9.37931%2060.9655L4.68965%2060.9655C3.44588%2060.9655%202.25305%2061.4596%201.37357%2062.3391C0.494088%2063.2186%200%2064.4114%200%2065.6552C0%2066.8989%200.494088%2068.0918%201.37357%2068.9713C2.25305%2069.8507%203.44588%2070.3448%204.68965%2070.3448L9.37931%2070.3448L9.37931%2084.4138L4.68965%2084.4138C3.44588%2084.4138%202.25305%2084.9079%201.37357%2085.7874C0.494088%2086.6668%200%2087.8597%200%2089.1035C0%2090.3472%200.494088%2091.5401%201.37357%2092.4195C2.25305%2093.299%203.44588%2093.7931%204.68965%2093.7931L9.37931%2093.7931L9.37931%20107.862L4.68965%20107.862C3.44588%20107.862%202.25305%20108.356%201.37357%20109.236C0.494088%20110.115%200%20111.308%200%20112.552C0%20113.796%200.494088%20114.988%201.37357%20115.868C2.25305%20116.747%203.44588%20117.241%204.68965%20117.241L9.37931%20117.241L9.37931%20131.31L4.68965%20131.31C3.44588%20131.31%202.25305%20131.804%201.37357%20132.684C0.494088%20133.563%200%20134.756%200%20136C0%20137.244%200.494088%20138.437%201.37357%20139.316C2.25305%20140.196%203.44588%20140.69%204.68965%20140.69L9.37931%20140.69L9.37931%20154.759L4.68965%20154.759C3.44588%20154.759%202.25305%20155.253%201.37357%20156.132C0.494088%20157.012%200%20158.205%200%20159.448C0%20160.692%200.494088%20161.885%201.37357%20162.764C2.25305%20163.644%203.44588%20164.138%204.68965%20164.138L9.37931%20164.138L9.37931%20178.207L4.68965%20178.207C3.44588%20178.207%202.25305%20178.701%201.37357%20179.58C0.494088%20180.46%200%20181.653%200%20182.897C0%20184.14%200.494088%20185.333%201.37357%20186.213C2.25305%20187.092%203.44588%20187.586%204.68965%20187.586L9.37931%20187.586L9.37931%20201.655L4.68965%20201.655C3.44588%20201.655%202.25305%20202.149%201.37357%20203.029C0.494088%20203.908%200%20205.101%200%20206.345C0%20207.589%200.494088%20208.781%201.37357%20209.661C2.25305%20210.54%203.44588%20211.034%204.68965%20211.034L9.37931%20211.034L9.37931%20225.103L4.68965%20225.103C3.44588%20225.103%202.25305%20225.598%201.37357%20226.477C0.494088%20227.357%200%20228.549%200%20229.793C0%20231.037%200.494088%20232.23%201.37357%20233.109C2.25305%20233.989%203.44588%20234.483%204.68965%20234.483L9.37931%20234.483L9.37931%20248.552L4.68965%20248.552C3.44588%20248.552%202.25305%20249.046%201.37357%20249.925C0.494088%20250.805%200%20251.998%200%20253.241C0%20254.485%200.494088%20255.678%201.37357%20256.557C2.25305%20257.437%203.44588%20257.931%204.68965%20257.931L9.37931%20257.931L9.37931%20267.31C9.37931%20268.554%209.8734%20269.747%2010.7529%20270.626C11.6324%20271.506%2012.8252%20272%2014.069%20272L188.163%20272C195.473%20271.999%20202.483%20269.096%20207.653%20263.929C212.82%20258.759%20215.723%20251.749%20215.724%20244.439L215.724%20156.649L260.07%2068.9426C262.853%2063.4404%20263.378%2057.0689%20261.533%2051.1852C259.688%2045.3015%20255.62%2040.3705%20250.193%2037.4422L240.828%2032.3821C236.912%2030.2673%20232.48%2029.2999%20228.039%2029.5911C223.598%2029.8823%20219.33%2031.4202%20215.724%2034.0281L215.724%2027.5611C215.723%2020.2514%20212.82%2013.2411%20207.653%208.0709C202.483%202.90369%20195.473%200.00071533%20188.163%200L14.069%200C12.8252%202.08263e-15%2011.6324%200.494087%2010.7529%201.37357C9.8734%202.25305%209.37931%203.44588%209.37931%204.68966L9.37931%2014.069ZM18.7586%2014.069L23.4483%2014.069C24.692%2014.069%2025.8849%2014.5631%2026.7644%2015.4425C27.6438%2016.322%2028.1379%2017.5148%2028.1379%2018.7586C28.1379%2020.0024%2027.6438%2021.1952%2026.7644%2022.0747C25.8849%2022.9542%2024.692%2023.4483%2023.4483%2023.4483L18.7586%2023.4483L18.7586%2037.5172L23.4483%2037.5172C24.692%2037.5172%2025.8849%2038.0113%2026.7644%2038.8908C27.6438%2039.7703%2028.1379%2040.9631%2028.1379%2042.2069C28.1379%2043.4507%2027.6438%2044.6435%2026.7644%2045.523C25.8849%2046.4025%2024.692%2046.8966%2023.4483%2046.8966L18.7586%2046.8966L18.7586%2060.9655L23.4483%2060.9655C24.692%2060.9655%2025.8849%2061.4596%2026.7644%2062.3391C27.6438%2063.2186%2028.1379%2064.4114%2028.1379%2065.6552C28.1379%2066.8989%2027.6438%2068.0918%2026.7644%2068.9713C25.8849%2069.8507%2024.692%2070.3448%2023.4483%2070.3448L18.7586%2070.3448L18.7586%2084.4138L23.4483%2084.4138C24.692%2084.4138%2025.8849%2084.9079%2026.7644%2085.7874C27.6438%2086.6668%2028.1379%2087.8597%2028.1379%2089.1035C28.1379%2090.3472%2027.6438%2091.5401%2026.7644%2092.4195C25.8849%2093.299%2024.692%2093.7931%2023.4483%2093.7931L18.7586%2093.7931L18.7586%20107.862L23.4483%20107.862C24.692%20107.862%2025.8849%20108.356%2026.7644%20109.236C27.6438%20110.115%2028.1379%20111.308%2028.1379%20112.552C28.1379%20113.796%2027.6438%20114.988%2026.7644%20115.868C25.8849%20116.747%2024.692%20117.241%2023.4483%20117.241L18.7586%20117.241L18.7586%20131.31L23.4483%20131.31C24.692%20131.31%2025.8849%20131.804%2026.7644%20132.684C27.6438%20133.563%2028.1379%20134.756%2028.1379%20136C28.1379%20137.244%2027.6438%20138.437%2026.7644%20139.316C25.8849%20140.196%2024.692%20140.69%2023.4483%20140.69L18.7586%20140.69L18.7586%20154.759L23.4483%20154.759C24.692%20154.759%2025.8849%20155.253%2026.7644%20156.132C27.6438%20157.012%2028.1379%20158.205%2028.1379%20159.448C28.1379%20160.692%2027.6438%20161.885%2026.7644%20162.764C25.8849%20163.644%2024.692%20164.138%2023.4483%20164.138L18.7586%20164.138L18.7586%20178.207L23.4483%20178.207C24.692%20178.207%2025.8849%20178.701%2026.7644%20179.58C27.6438%20180.46%2028.1379%20181.653%2028.1379%20182.897C28.1379%20184.14%2027.6438%20185.333%2026.7644%20186.213C25.8849%20187.092%2024.692%20187.586%2023.4483%20187.586L18.7586%20187.586L18.7586%20201.655L23.4483%20201.655C24.692%20201.655%2025.8849%20202.149%2026.7644%20203.029C27.6438%20203.908%2028.1379%20205.101%2028.1379%20206.345C28.1379%20207.589%2027.6438%20208.781%2026.7644%20209.661C25.8849%20210.54%2024.692%20211.034%2023.4483%20211.034L18.7586%20211.034L18.7586%20225.103L23.4483%20225.103C24.692%20225.103%2025.8849%20225.598%2026.7644%20226.477C27.6438%20227.357%2028.1379%20228.549%2028.1379%20229.793C28.1379%20231.037%2027.6438%20232.23%2026.7644%20233.109C25.8849%20233.989%2024.692%20234.483%2023.4483%20234.483L18.7586%20234.483L18.7586%20248.552L23.4483%20248.552C24.692%20248.552%2025.8849%20249.046%2026.7644%20249.925C27.6438%20250.805%2028.1379%20251.998%2028.1379%20253.241C28.1379%20254.485%2027.6438%20255.678%2026.7644%20256.557C25.8849%20257.437%2024.692%20257.931%2023.4483%20257.931L18.7586%20257.931L18.7586%20262.621L188.163%20262.621C192.985%20262.621%20197.61%20260.705%20201.019%20257.295C204.429%20253.886%20206.345%20249.261%20206.345%20244.439L206.345%20175.201L186.395%20214.65C186.011%20215.411%20185.427%20216.053%20184.707%20216.507L144.507%20241.738C143.816%20242.173%20143.023%20242.42%20142.207%20242.454C141.391%20242.488%20140.58%20242.309%20139.855%20241.933C139.129%20241.557%20138.515%20240.998%20138.072%20240.311C137.63%20239.625%20137.375%20238.834%20137.332%20238.019L134.753%20189.692C134.709%20188.874%20134.881%20188.059%20135.25%20187.328L206.345%2046.723L206.345%2027.5611C206.345%2025.1734%20205.875%2022.8092%20204.961%2020.6032C204.047%2018.3973%20202.708%2016.393%20201.019%2014.7046C199.331%2013.0163%20197.327%2011.677%20195.121%2010.7633C192.915%209.8496%20190.551%209.37931%20188.163%209.37931L18.7586%209.37931L18.7586%2014.069ZM50.4138%20234.483L128.14%20234.483C129.384%20234.483%20130.577%20233.989%20131.456%20233.109C132.336%20232.23%20132.83%20231.037%20132.83%20229.793C132.83%20228.549%20132.336%20227.357%20131.456%20226.477C130.577%20225.598%20129.384%20225.103%20128.14%20225.103L50.4138%20225.103C49.17%20225.103%2047.9772%20225.598%2047.0977%20226.477C46.2182%20227.357%2045.7241%20228.549%2045.7241%20229.793C45.7241%20231.037%2046.2182%20232.23%2047.0977%20233.109C47.9772%20233.989%2049.17%20234.483%2050.4138%20234.483ZM146.27%20229.559L175.276%20211.353C173.967%20209.918%20172.387%20208.446%20170.839%20207.639C167.078%20205.679%20160.203%20205.463%20160.203%20205.463C159.403%20205.425%20158.625%20205.182%20157.945%20204.759C157.264%20204.335%20156.703%20203.745%20156.316%20203.043C156.316%20203.043%20153.764%20198.335%20149.389%20196.192C147.806%20195.44%20146.129%20194.902%20144.404%20194.593L146.27%20229.559ZM50.4138%20211.034L127.071%20211.034C128.315%20211.034%20129.508%20210.54%20130.387%20209.661C131.266%20208.781%20131.761%20207.589%20131.761%20206.345C131.761%20205.101%20131.266%20203.908%20130.387%20203.029C129.508%20202.149%20128.315%20201.655%20127.071%20201.655L50.4138%20201.655C49.17%20201.655%2047.9772%20202.149%2047.0977%20203.029C46.2182%20203.908%2045.7241%20205.101%2045.7241%20206.345C45.7241%20207.589%2046.2182%20208.781%2047.0977%20209.661C47.9772%20210.54%2049.17%20211.034%2050.4138%20211.034ZM167.594%20196.98C170.202%20197.472%20173.053%20198.213%20175.177%20199.324C177.241%20200.403%20179.375%20202.274%20181.199%20204.145L231.955%20103.763L218.299%2096.3912L167.594%20196.98ZM146.678%20185.513C148.85%20185.959%20151.26%20186.662%20153.521%20187.769C155.861%20188.918%20157.882%20190.522%20159.528%20192.145L210.04%2091.936L197.434%2085.1313L146.678%20185.513ZM50.4138%20187.586L129.125%20187.586C130.369%20187.586%20131.562%20187.092%20132.441%20186.213C133.321%20185.333%20133.815%20184.14%20133.815%20182.897C133.815%20181.653%20133.321%20180.46%20132.441%20179.58C131.562%20178.701%20130.369%20178.207%20129.125%20178.207L50.4138%20178.207C49.17%20178.207%2047.9772%20178.701%2047.0977%20179.58C46.2182%20180.46%2045.7241%20181.653%2045.7241%20182.897C45.7241%20184.14%2046.2182%20185.333%2047.0977%20186.213C47.9772%20187.092%2049.17%20187.586%2050.4138%20187.586ZM50.4138%20164.138L139.231%20164.138C140.475%20164.138%20141.668%20163.644%20142.547%20162.764C143.427%20161.885%20143.921%20160.692%20143.921%20159.448C143.921%20158.205%20143.427%20157.012%20142.547%20156.132C141.668%20155.253%20140.475%20154.759%20139.231%20154.759L50.4138%20154.759C49.17%20154.759%2047.9772%20155.253%2047.0977%20156.132C46.2182%20157.012%2045.7241%20158.205%2045.7241%20159.448C45.7241%20160.692%2046.2182%20161.885%2047.0977%20162.764C47.9772%20163.644%2049.17%20164.138%2050.4138%20164.138ZM50.4138%20140.69L149.342%20140.69C150.586%20140.69%20151.779%20140.196%20152.658%20139.316C153.538%20138.437%20154.032%20137.244%20154.032%20136C154.032%20134.756%20153.538%20133.563%20152.658%20132.684C151.779%20131.804%20150.586%20131.31%20149.342%20131.31L50.4138%20131.31C49.17%20131.31%2047.9772%20131.804%2047.0977%20132.684C46.2182%20133.563%2045.7241%20134.756%2045.7241%20136C45.7241%20137.244%2046.2182%20138.437%2047.0977%20139.316C47.9772%20140.196%2049.17%20140.69%2050.4138%20140.69ZM50.4138%20117.241L161.038%20117.241C162.282%20117.241%20163.475%20116.747%20164.354%20115.868C165.234%20114.988%20165.728%20113.796%20165.728%20112.552C165.728%20111.308%20165.234%20110.115%20164.354%20109.236C163.475%20108.356%20162.282%20107.862%20161.038%20107.862L50.4138%20107.862C49.17%20107.862%2047.9772%20108.356%2047.0977%20109.236C46.2182%20110.115%2045.7241%20111.308%2045.7241%20112.552C45.7241%20113.796%2046.2182%20114.988%2047.0977%20115.868C47.9772%20116.747%2049.17%20117.241%2050.4138%20117.241ZM201.669%2076.7556L236.19%2095.3923L238.91%2090.0086L204.389%2071.3765L201.669%2076.7556ZM50.4138%2093.7931L175.862%2093.7931C177.106%2093.7931%20178.299%2093.299%20179.178%2092.4195C180.058%2091.5401%20180.552%2090.3472%20180.552%2089.1035C180.552%2087.8597%20180.058%2086.6668%20179.178%2085.7874C178.299%2084.9079%20177.106%2084.4138%20175.862%2084.4138L50.4138%2084.4138C49.17%2084.4138%2047.9772%2084.9079%2047.0977%2085.7874C46.2182%2086.6668%2045.7241%2087.8597%2045.7241%2089.1035C45.7241%2090.3472%2046.2182%2091.5401%2047.0977%2092.4195C47.9772%2093.299%2049.17%2093.7931%2050.4138%2093.7931ZM243.145%2081.6375L208.624%2063.0008L216.836%2046.7606C217.699%2045.059%20218.893%2043.5473%20220.349%2042.3144C221.805%2041.0815%20223.493%2040.1523%20225.314%2039.5816C227.134%2039.0109%20229.05%2038.8102%20230.95%2038.9912C232.849%2039.1723%20234.693%2039.7315%20236.373%2040.6359L245.738%2045.6913C249.014%2047.4606%20251.469%2050.4384%20252.583%2053.991C253.696%2057.5436%20253.379%2061.3903%20251.698%2064.7126L243.145%2081.6375ZM50.4138%2070.3448L175.862%2070.3448C177.106%2070.3448%20178.299%2069.8507%20179.178%2068.9713C180.058%2068.0918%20180.552%2066.8989%20180.552%2065.6552C180.552%2064.4114%20180.058%2063.2186%20179.178%2062.3391C178.299%2061.4596%20177.106%2060.9655%20175.862%2060.9655L50.4138%2060.9655C49.17%2060.9655%2047.9772%2061.4596%2047.0977%2062.3391C46.2182%2063.2186%2045.7241%2064.4114%2045.7241%2065.6552C45.7241%2066.8989%2046.2182%2068.0918%2047.0977%2068.9713C47.9772%2069.8507%2049.17%2070.3448%2050.4138%2070.3448ZM50.4138%2046.8966L175.862%2046.8966C177.106%2046.8966%20178.299%2046.4025%20179.178%2045.523C180.058%2044.6435%20180.552%2043.4507%20180.552%2042.2069C180.552%2040.9631%20180.058%2039.7703%20179.178%2038.8908C178.299%2038.0113%20177.106%2037.5172%20175.862%2037.5172L50.4138%2037.5172C49.17%2037.5172%2047.9772%2038.0113%2047.0977%2038.8908C46.2182%2039.7703%2045.7241%2040.9631%2045.7241%2042.2069C45.7241%2043.4507%2046.2182%2044.6435%2047.0977%2045.523C47.9772%2046.4025%2049.17%2046.8966%2050.4138%2046.8966Z%22%20fill%3D%22%23e68e02%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-ic--price { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%28-118.681%20-118.681%29%20scale%280.99588%29%20translate%28120%20120%29%20rotate%280%20200%20200%29%22%3E%3Cg%20transform%3D%22translate%2818.75%2018.75%29%22%3E%3Cpath%20d%3D%22M140.75%2079.7C121.431%2066.3125%20104.038%2056.7875%2090.225%2052.0625C81.2875%2049.0125%2073.65%2047.9125%2067.7188%2048.675C62.725%2049.3125%2058.7312%2051.2125%2055.7562%2054.1937C52.775%2057.1687%2050.875%2061.1625%2050.2375%2066.1562C49.475%2072.0875%2050.575%2079.725%2053.625%2088.6625C58.35%20102.475%2067.875%20119.869%2081.2625%20139.188C58.1375%20143.381%2039.1063%20148.944%2025.9937%20155.375C17.5125%20159.531%2011.3375%20164.156%207.68125%20168.887C4.60625%20172.875%203.125%20177.038%203.125%20181.25C3.125%20185.462%204.60625%20189.625%207.68125%20193.613C11.3375%20198.344%2017.5125%20202.969%2025.9937%20207.125C39.1063%20213.556%2058.1375%20219.119%2081.2625%20223.312C67.875%20242.631%2058.35%20260.025%2053.625%20273.837C50.575%20282.775%2049.475%20290.413%2050.2375%20296.344C50.875%20301.337%2052.775%20305.331%2055.7562%20308.306C58.7312%20311.288%2062.725%20313.188%2067.7188%20313.825C73.65%20314.588%2081.2875%20313.487%2090.225%20310.438C104.038%20305.712%20121.431%20296.188%20140.75%20282.8C144.944%20305.925%20150.506%20324.956%20156.938%20338.069C161.094%20346.55%20165.719%20352.725%20170.45%20356.381C174.438%20359.456%20178.6%20360.938%20182.812%20360.938C187.025%20360.938%20191.188%20359.456%20195.175%20356.381C199.906%20352.725%20204.531%20346.55%20208.688%20338.069C215.119%20324.956%20220.681%20305.925%20224.875%20282.8C244.194%20296.188%20261.587%20305.712%20275.4%20310.438C284.337%20313.487%20291.975%20314.588%20297.906%20313.825C302.9%20313.188%20306.894%20311.288%20309.869%20308.306C312.85%20305.331%20314.75%20301.337%20315.388%20296.344C316.15%20290.413%20315.05%20282.775%20312%20273.837C307.275%20260.025%20297.75%20242.631%20284.363%20223.312C307.488%20219.119%20326.519%20213.556%20339.631%20207.125C348.112%20202.969%20354.288%20198.344%20357.944%20193.613C361.019%20189.625%20362.5%20185.462%20362.5%20181.25C362.5%20177.038%20361.019%20172.875%20357.944%20168.887C354.288%20164.156%20348.112%20159.531%20339.631%20155.375C326.519%20148.944%20307.488%20143.381%20284.363%20139.188C297.75%20119.869%20307.275%20102.475%20312%2088.6625C315.05%2079.725%20316.15%2072.0875%20315.388%2066.1562C314.75%2061.1625%20312.85%2057.1687%20309.869%2054.1937C306.894%2051.2125%20302.9%2049.3125%20297.906%2048.675C291.975%2047.9125%20284.337%2049.0125%20275.4%2052.0625C261.587%2056.7875%20244.194%2066.3125%20224.875%2079.7C220.681%2056.575%20215.119%2037.5438%20208.688%2024.4312C204.531%2015.95%20199.906%209.775%20195.175%206.11875C191.188%203.04375%20187.025%201.5625%20182.812%201.5625C178.6%201.5625%20174.438%203.04375%20170.45%206.11875C165.719%209.775%20161.094%2015.95%20156.938%2024.4312C150.506%2037.5438%20144.944%2056.575%20140.75%2079.7ZM121.469%20312.5C115.775%20312.502%20110.316%20314.764%20106.29%20318.79C102.264%20322.816%20100.002%20328.275%20100%20333.969C100.003%20339.662%20102.266%20345.12%20106.292%20349.146C110.317%20353.171%20115.776%20355.434%20121.469%20355.438C127.161%20355.433%20132.619%20353.169%20136.644%20349.144C140.669%20345.119%20142.933%20339.661%20142.938%20333.969C142.934%20328.276%20140.671%20322.817%20136.646%20318.792C132.62%20314.766%20127.162%20312.503%20121.469%20312.5ZM182.812%20249.988C172.83%20258.619%20162.536%20266.883%20151.95%20274.763C155.975%20299.094%20161.55%20319.081%20168.156%20332.562C170.819%20337.987%20173.594%20342.269%20176.569%20345.156C178.613%20347.137%20180.619%20348.438%20182.812%20348.438C185.006%20348.438%20187.012%20347.137%20189.056%20345.156C192.031%20342.269%20194.806%20337.987%20197.469%20332.562C204.075%20319.081%20209.65%20299.094%20213.675%20274.763C203.088%20266.884%20192.794%20258.62%20182.812%20249.988ZM121.469%20325C122.667%20324.969%20123.859%20325.178%20124.975%20325.615C126.091%20326.052%20127.108%20326.708%20127.967%20327.545C128.825%20328.381%20129.507%20329.381%20129.973%20330.486C130.438%20331.59%20130.678%20332.777%20130.677%20333.975C130.677%20335.174%20130.437%20336.36%20129.97%20337.464C129.504%20338.568%20128.821%20339.568%20127.962%20340.404C127.103%20341.24%20126.086%20341.895%20124.969%20342.331C123.853%20342.768%20122.661%20342.976%20121.463%20342.944C119.124%20342.881%20116.902%20341.908%20115.271%20340.232C113.639%20338.555%20112.727%20336.308%20112.727%20333.969C112.728%20331.63%20113.642%20329.383%20115.275%20327.708C116.908%20326.032%20119.13%20325.061%20121.469%20325ZM250%20315.625C251.658%20315.625%20253.247%20316.283%20254.419%20317.456C255.592%20318.628%20256.25%20320.217%20256.25%20321.875C256.25%20323.533%20255.592%20325.122%20254.419%20326.294C253.247%20327.467%20251.658%20328.125%20250%20328.125C248.342%20328.125%20246.753%20327.467%20245.581%20326.294C244.408%20325.122%20243.75%20323.533%20243.75%20321.875C243.75%20320.217%20244.408%20318.628%20245.581%20317.456C246.753%20316.283%20248.342%20315.625%20250%20315.625ZM94.8688%20225.55C80.5125%20245.6%2070.3125%20263.675%2065.4562%20277.881C63.5%20283.6%2062.4375%20288.594%2062.5%20292.738C62.5375%20295.581%2063.0438%20297.919%2064.5938%20299.469C66.1438%20301.019%2068.4812%20301.525%2071.325%20301.562C75.4688%20301.625%2080.4625%20300.562%2086.1812%20298.606C100.387%20293.75%20118.463%20283.55%20138.512%20269.194C136.601%20256.138%20135.164%20243.017%20134.206%20229.856C121.046%20228.899%20107.925%20227.462%2094.8688%20225.55ZM270.756%20225.55C257.7%20227.462%20244.579%20228.898%20231.419%20229.856C230.461%20243.017%20229.025%20256.138%20227.113%20269.194C247.163%20283.55%20265.237%20293.75%20279.444%20298.606C285.163%20300.562%20290.156%20301.625%20294.3%20301.562C297.144%20301.525%20299.481%20301.019%20301.031%20299.469C302.581%20297.919%20303.087%20295.581%20303.125%20292.738C303.188%20288.594%20302.125%20283.6%20300.169%20277.881C295.312%20263.675%20285.112%20245.6%20270.756%20225.55ZM337.5%20281.25C339.158%20281.25%20340.747%20281.908%20341.919%20283.081C343.092%20284.253%20343.75%20285.842%20343.75%20287.5C343.75%20289.158%20343.092%20290.747%20341.919%20291.919C340.747%20293.092%20339.158%20293.75%20337.5%20293.75C335.842%20293.75%20334.253%20293.092%20333.081%20291.919C331.908%20290.747%20331.25%20289.158%20331.25%20287.5C331.25%20285.842%20331.908%20284.253%20333.081%20283.081C334.253%20281.908%20335.842%20281.25%20337.5%20281.25ZM341.031%20220.65C329.188%20220.65%20319.562%20230.269%20319.562%20242.119C319.562%20253.969%20329.188%20263.587%20341.031%20263.587C352.881%20263.587%20362.5%20253.969%20362.5%20242.119C362.5%20230.269%20352.881%20220.65%20341.031%20220.65ZM146.769%20230.656C147.562%20241.156%20148.606%20251.231%20149.875%20260.775C157.878%20254.625%20165.71%20248.256%20173.363%20241.675C169.563%20238.26%20165.802%20234.801%20162.081%20231.3C156.906%20231.144%20151.8%20230.925%20146.769%20230.656ZM218.856%20230.656C213.831%20230.925%20208.719%20231.144%20203.544%20231.3C199.775%20234.85%20196.013%20238.306%20192.263%20241.675C199.912%20248.26%20207.744%20254.629%20215.75%20260.775C217.019%20251.231%20218.062%20241.156%20218.856%20230.656ZM341.031%20233.15C342.229%20233.119%20343.422%20233.328%20344.538%20233.765C345.654%20234.202%20346.671%20234.858%20347.529%20235.695C348.387%20236.531%20349.07%20237.531%20349.535%20238.636C350.001%20239.74%20350.24%20240.927%20350.24%20242.125C350.24%20243.324%20349.999%20244.51%20349.533%20245.614C349.066%20246.718%20348.384%20247.718%20347.525%20248.554C346.666%20249.39%20345.648%20250.045%20344.532%20250.481C343.416%20250.918%20342.223%20251.126%20341.025%20251.094C338.687%20251.031%20336.465%20250.058%20334.833%20248.382C333.202%20246.705%20332.289%20244.458%20332.29%20242.119C332.291%20239.78%20333.205%20237.533%20334.838%20235.858C336.47%20234.182%20338.693%20233.211%20341.031%20233.15ZM37.5%20237.5C39.1576%20237.5%2040.7473%20238.158%2041.9194%20239.331C43.0915%20240.503%2043.75%20242.092%2043.75%20243.75C43.75%20245.408%2043.0915%20246.997%2041.9194%20248.169C40.7473%20249.342%2039.1576%20250%2037.5%20250C35.8424%20250%2034.2527%20249.342%2033.0806%20248.169C31.9085%20246.997%2031.25%20245.408%2031.25%20243.75C31.25%20242.092%2031.9085%20240.503%2033.0806%20239.331C34.2527%20238.158%2035.8424%20237.5%2037.5%20237.5ZM184.781%20231.612L180.844%20231.612L182.812%20233.381L184.781%20231.612ZM198.425%20143.562C202.138%20147.113%20205.863%20150.756%20209.588%20154.475C213.306%20158.2%20216.95%20161.925%20220.5%20165.638C220.728%20176.045%20220.728%20186.455%20220.5%20196.863C216.95%20200.575%20213.306%20204.3%20209.588%20208.025C205.863%20211.744%20202.138%20215.387%20198.425%20218.938C188.018%20219.165%20177.607%20219.165%20167.2%20218.938C163.488%20215.387%20159.762%20211.744%20156.037%20208.025C152.36%20204.343%20148.722%20200.622%20145.125%20196.863C144.897%20186.455%20144.897%20176.045%20145.125%20165.638C148.675%20161.925%20152.319%20158.2%20156.037%20154.475C159.762%20150.756%20163.488%20147.113%20167.2%20143.562C177.607%20143.335%20188.018%20143.335%20198.425%20143.562ZM219.819%20215.462L218.425%20216.863L217.025%20218.256L219.675%20218.112L219.819%20215.462ZM145.806%20215.462L145.95%20218.112L148.6%20218.256L147.2%20216.863C146.734%20216.397%20146.269%20215.931%20145.806%20215.462ZM122.388%20190.7C115.803%20198.349%20109.434%20206.182%20103.287%20214.188C112.831%20215.456%20122.906%20216.5%20133.406%20217.294C133.137%20212.269%20132.919%20207.156%20132.762%20201.981C129.26%20198.262%20125.801%20194.501%20122.388%20190.7ZM243.237%20190.7C239.822%20194.5%20236.364%20198.26%20232.863%20201.981C232.706%20207.156%20232.487%20212.262%20232.219%20217.294C242.286%20216.542%20252.329%20215.507%20262.337%20214.188C256.187%20206.185%20249.818%20198.353%20243.237%20190.7ZM89.3%20150.387C64.9688%20154.413%2044.9813%20159.988%2031.5%20166.594C26.075%20169.256%2021.7938%20172.031%2018.9062%20175.006C16.925%20177.05%2015.625%20179.056%2015.625%20181.25C15.625%20183.444%2016.925%20185.45%2018.9062%20187.494C21.7938%20190.469%2026.075%20193.244%2031.5%20195.906C44.9813%20202.513%2064.9688%20208.087%2089.3%20212.113C97.1783%20201.526%20105.442%20191.231%20114.075%20181.25C105.443%20171.268%2097.1795%20160.973%2089.3%20150.387ZM276.325%20150.387C268.447%20160.974%20260.183%20171.269%20251.55%20181.25C260.182%20191.232%20268.446%20201.527%20276.325%20212.113C300.656%20208.087%20320.644%20202.513%20334.125%20195.906C339.55%20193.244%20343.831%20190.469%20346.719%20187.494C348.7%20185.45%20350%20183.444%20350%20181.25C350%20179.056%20348.7%20177.05%20346.719%20175.006C343.831%20172.031%20339.55%20169.256%20334.125%20166.594C320.644%20159.988%20300.656%20154.413%20276.325%20150.387ZM181.25%20156.25C167.45%20156.25%20156.25%20167.45%20156.25%20181.25C156.25%20195.05%20167.45%20206.25%20181.25%20206.25C195.05%20206.25%20206.25%20195.05%20206.25%20181.25C206.25%20167.45%20195.05%20156.25%20181.25%20156.25ZM181.25%20168.75C182.892%20168.75%20184.518%20169.074%20186.035%20169.703C187.551%20170.332%20188.929%20171.253%20190.09%20172.414C191.251%20173.576%20192.171%20174.954%20192.799%20176.471C193.427%20177.988%20193.75%20179.614%20193.75%20181.256C193.75%20182.898%20193.426%20184.524%20192.797%20186.041C192.168%20187.558%20191.247%20188.936%20190.086%20190.096C188.924%20191.257%20187.546%20192.178%20186.029%20192.806C184.512%20193.434%20182.886%20193.757%20181.244%20193.756C177.928%20193.755%20174.748%20192.437%20172.404%20190.092C170.059%20187.747%20168.743%20184.566%20168.744%20181.25C168.745%20177.934%20170.063%20174.754%20172.408%20172.41C174.753%20170.066%20177.934%20168.749%20181.25%20168.75ZM233.175%20179.281L233.175%20183.219L234.944%20181.25L233.175%20179.281ZM132.45%20179.281L130.681%20181.25L132.45%20183.219L132.45%20179.281ZM232.219%20145.206C232.487%20150.231%20232.706%20155.344%20232.863%20160.519C236.412%20164.288%20239.869%20168.05%20243.237%20171.8C249.822%20164.151%20256.191%20156.318%20262.337%20148.312C252.329%20146.993%20242.286%20145.958%20232.219%20145.206ZM133.406%20145.206C122.906%20146%20112.831%20147.044%20103.287%20148.312C109.438%20156.315%20115.807%20164.147%20122.388%20171.8C125.803%20168%20129.261%20164.24%20132.762%20160.519C132.919%20155.344%20133.137%20150.238%20133.406%20145.206ZM148.6%20144.244L145.95%20144.387L145.806%20147.037L147.2%20145.637L148.6%20144.244ZM217.025%20144.244L218.425%20145.637L219.819%20147.037L219.675%20144.387L217.025%20144.244ZM270.756%20136.95C285.112%20116.9%20295.312%2098.825%20300.169%2084.6187C302.125%2078.9%20303.188%2073.9062%20303.125%2069.7625C303.087%2066.9187%20302.581%2064.5813%20301.031%2063.0312C299.481%2061.4813%20297.144%2060.975%20294.3%2060.9375C290.156%2060.875%20285.163%2061.9375%20279.444%2063.8937C265.237%2068.75%20247.163%2078.95%20227.113%2093.3063C228.931%20105.569%20230.387%20118.762%20231.419%20132.644C245.306%20133.675%20258.494%20135.131%20270.756%20136.95ZM138.512%2093.3063C118.463%2078.95%20100.387%2068.75%2086.1812%2063.8937C80.4625%2061.9375%2075.4688%2060.875%2071.325%2060.9375C68.4812%2060.975%2066.1438%2061.4813%2064.5938%2063.0312C63.0438%2064.5813%2062.5375%2066.9187%2062.5%2069.7625C62.4375%2073.9062%2063.5%2078.9%2065.4562%2084.6187C70.3125%2098.825%2080.5125%20116.9%2094.8688%20136.95C107.925%20135.038%20121.046%20133.602%20134.206%20132.644C135.238%20118.756%20136.694%20105.569%20138.512%2093.3063ZM21.4688%2091.3062C15.7765%2091.3079%2010.3177%2093.5695%206.29209%2097.5939C2.26646%20101.618%200.00331307%20107.076%200%20112.769C0.00165673%20118.462%202.26407%20123.922%206.28988%20127.948C10.3157%20131.973%2015.7754%20134.236%2021.4688%20134.238C27.1616%20134.234%2032.6203%20131.971%2036.6458%20127.946C40.6712%20123.92%2042.9342%20118.462%2042.9375%20112.769C42.9325%20107.077%2040.6689%20101.62%2036.6436%2097.5957C32.6183%2093.5716%2027.1605%2091.3096%2021.4688%2091.3062ZM149.875%20101.725C148.556%20111.733%20147.52%20121.777%20146.769%20131.844C151.794%20131.575%20156.906%20131.356%20162.081%20131.2C165.85%20127.65%20169.613%20124.194%20173.363%20120.825C165.713%20114.24%20157.881%20107.871%20149.875%20101.725ZM215.75%20101.725C207.747%20107.875%20199.915%20114.244%20192.263%20120.825C196.062%20124.24%20199.823%20127.699%20203.544%20131.2C208.719%20131.356%20213.825%20131.575%20218.856%20131.844C218.105%20121.777%20217.069%20111.733%20215.75%20101.725ZM182.812%20129.119L180.844%20130.887L184.781%20130.887L182.812%20129.119ZM21.4688%20103.806C23.8474%20103.806%2026.1286%20104.751%2027.8106%20106.433C29.4926%20108.115%2030.4375%20110.396%2030.4375%20112.775C30.4375%20115.154%2029.4926%20117.435%2027.8106%20119.117C26.1286%20120.799%2023.8474%20121.744%2021.4688%20121.744C19.0901%20121.744%2016.8089%20120.799%2015.1269%20119.117C13.4449%20117.435%2012.5%20115.154%2012.5%20112.775C12.5%20110.396%2013.4449%20108.115%2015.1269%20106.433C16.8089%20104.751%2019.0901%20103.806%2021.4688%20103.806ZM213.675%2087.7375C209.65%2063.4062%20204.075%2043.4188%20197.469%2029.9375C194.806%2024.5125%20192.031%2020.2313%20189.056%2017.3438C187.012%2015.3625%20185.006%2014.0625%20182.812%2014.0625C180.619%2014.0625%20178.613%2015.3625%20176.569%2017.3438C173.594%2020.2313%20170.819%2024.5125%20168.156%2029.9375C161.55%2043.4188%20155.975%2063.4062%20151.95%2087.7375C162.537%2095.6158%20172.831%20103.88%20182.812%20112.513C192.795%20103.881%20203.089%2095.617%20213.675%2087.7375ZM268.75%200.26875C258.025%200.26875%20249.319%208.975%20249.319%2019.7C249.319%2030.425%20258.025%2039.1312%20268.75%2039.1312C279.475%2039.1312%20288.181%2030.425%20288.181%2019.7C288.181%208.975%20279.475%200.26875%20268.75%200.26875ZM131.25%2025C132.908%2025%20134.497%2025.6585%20135.669%2026.8306C136.842%2028.0027%20137.5%2029.5924%20137.5%2031.25C137.5%2032.9076%20136.842%2034.4973%20135.669%2035.6694C134.497%2036.8415%20132.908%2037.5%20131.25%2037.5C129.592%2037.5%20128.003%2036.8415%20126.831%2035.6694C125.658%2034.4973%20125%2032.9076%20125%2031.25C125%2029.5924%20125.658%2028.0027%20126.831%2026.8306C128.003%2025.6585%20129.592%2025%20131.25%2025ZM68.75%200C63.861%200.126244%2059.2147%202.15708%2055.8014%205.65963C52.3881%209.16217%2050.4779%2013.8594%2050.4779%2018.75C50.4779%2023.6406%2052.3881%2028.3378%2055.8014%2031.8404C59.2147%2035.3429%2063.861%2037.3738%2068.75%2037.5C73.639%2037.3738%2078.2853%2035.3429%2081.6986%2031.8404C85.1119%2028.3378%2087.0221%2023.6406%2087.0221%2018.75C87.0221%2013.8594%2085.1119%209.16217%2081.6986%205.65963C78.2853%202.15708%2073.639%200.126244%2068.75%200ZM268.75%2012.7688C269.661%2012.7692%20270.563%2012.949%20271.405%2013.298C272.246%2013.6471%20273.011%2014.1584%20273.655%2014.8029C274.299%2015.4474%20274.809%2016.2124%20275.157%2017.0543C275.506%2017.8961%20275.685%2018.7983%20275.684%2019.7094C275.684%2020.6204%20275.504%2021.5225%20275.155%2022.364C274.806%2023.2055%20274.295%2023.9701%20273.65%2024.614C273.006%2025.2579%20272.241%2025.7686%20271.399%2026.1169C270.557%2026.4651%20269.655%2026.6442%20268.744%2026.6437C266.903%2026.6429%20265.138%2025.9109%20263.837%2024.6087C262.536%2023.3065%20261.805%2021.5408%20261.806%2019.7C261.807%2017.8592%20262.539%2016.0942%20263.841%2014.7932C265.144%2013.4921%20266.909%2012.7617%20268.75%2012.7625L268.75%2012.7688ZM68.75%2012.5C70.4076%2012.5%2071.9973%2013.1585%2073.1694%2014.3306C74.3415%2015.5027%2075%2017.0924%2075%2018.75C75%2020.4076%2074.3415%2021.9973%2073.1694%2023.1694C71.9973%2024.3415%2070.4076%2025%2068.75%2025C67.0924%2025%2065.5027%2024.3415%2064.3306%2023.1694C63.1585%2021.9973%2062.5%2020.4076%2062.5%2018.75C62.5%2017.0924%2063.1585%2015.5027%2064.3306%2014.3306C65.5027%2013.1585%2067.0924%2012.5%2068.75%2012.5Z%22%20fill%3D%22%23e68e02%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-ic--feedback { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22489.9%22%20height%3D%22489.9%22%20viewBox%3D%220%200%20489.9%20489.9%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%28-91.829%20-114.75%29%20scale%280.99994%29%20translate%28147.05%20147.05%29%20rotate%28-15%20244.95%20244.95%29%22%3E%3Cg%20transform%3D%22translate%2853.03%200.85%29%22%3E%3Cpath%20d%3D%22M154.514%20294.234L154.514%20346.906C126.729%20347.805%20102.364%20354.109%2086.7957%20363.202C73.5144%20370.969%2066.3861%20381.077%2066.3861%20391.433C66.3861%20393.255%2067.1096%20395.001%2068.3975%20396.289C69.6854%20397.577%2071.4321%20398.3%2073.2534%20398.3L249.509%20398.3C251.33%20398.3%20253.077%20397.577%20254.365%20396.289C255.653%20395.001%20256.376%20393.255%20256.376%20391.433C256.376%20381.077%20249.248%20370.969%20235.967%20363.202C220.399%20354.109%20196.034%20347.805%20168.249%20346.906L168.249%20294.289C208.13%20292.797%20246.045%20276.586%20274.678%20248.786L282.767%20256.525C283.419%20257.149%20284.187%20257.638%20285.028%20257.965C285.868%20258.292%20286.765%20258.45%20287.667%20258.43C288.568%20258.41%20289.457%20258.213%20290.283%20257.85C291.108%20257.486%20291.854%20256.964%20292.478%20256.313C293.101%20255.661%20293.59%20254.893%20293.917%20254.052C294.244%20253.212%20294.402%20252.315%20294.382%20251.413C294.363%20250.512%20294.165%20249.623%20293.802%20248.797C293.439%20247.972%20292.916%20247.226%20292.265%20246.602L279.293%20234.193C277.971%20232.936%20276.204%20232.255%20274.381%20232.3C272.557%20232.346%20270.826%20233.113%20269.568%20234.433C242.539%20262.905%20204.336%20280.671%20162.02%20280.671C80.1756%20280.671%2013.7347%20214.23%2013.7347%20132.386C13.6942%2093.9856%2028.6026%2057.0778%2055.3023%2029.4793C55.9288%2028.8278%2056.4208%2028.0593%2056.7501%2027.2176C57.0795%2026.3759%2057.2399%2025.4776%2057.222%2024.574C57.2042%2023.6703%2057.0084%2022.7791%2056.6461%2021.9511C56.2837%2021.1231%2055.7618%2020.3746%2055.1101%2019.7483L43.0923%208.25251C41.7764%206.99398%2040.0145%206.30974%2038.1941%206.35031C36.3737%206.39087%2034.6439%207.15293%2033.3854%208.46883C32.1269%209.78473%2031.4426%2011.5467%2031.4832%2013.3671C31.5238%2015.1875%2032.2858%2016.9172%2033.6017%2018.1757L40.7368%2025.0018C14.4521%2054.5917%20-0.0451883%2092.8072%200.000105814%20132.386C0.000105814%20219.298%2068.5768%20290.312%20154.514%20294.234ZM240.376%20384.566L82.3869%20384.566C84.7286%20381.119%2088.7323%20377.987%2093.7317%20375.062C108.984%20366.148%20133.637%20360.53%20161.381%20360.53C189.125%20360.53%20213.779%20366.148%20229.031%20375.062C234.03%20377.98%20238.034%20381.112%20240.376%20384.566ZM66.187%2037.8574C15.7537%2088.9912%2017.6216%20172.896%2070.5546%20225.114C123.494%20277.333%20207.42%20278.047%20257.853%20226.914C308.286%20175.787%20306.418%2091.8823%20253.485%2039.6635C200.545%20-12.5554%20116.62%20-13.2696%2066.187%2037.8574ZM172.129%20222.759C169.634%20231.983%20168.282%20241.478%20168.104%20251.032C188.692%20250.743%20209.04%20245.119%20226.895%20234.131C209.054%20233.973%20190.389%20230.148%20172.129%20222.759ZM159.465%20217.025C144.062%20209.25%20129.815%20199.369%20117.135%20187.667L85.2231%20220.026C104.508%20237.175%20128.703%20247.817%20154.377%20250.441C154.624%20239.179%20156.313%20227.937%20159.465%20217.025ZM239.572%20145.784C225.735%20151.566%20212.803%20160.122%20201.624%20171.453C190.444%20182.785%20182.066%20195.839%20176.476%20209.745C200.126%20219.483%20224.498%20222.677%20246.474%20218.858C247.55%20217.81%20248.605%20216.741%20249.64%20215.651C253.156%20193.628%20249.626%20169.297%20239.572%20145.784ZM77.4219%20136.101C66.5578%20139.397%2055.3435%20141.244%2044.0812%20141.643C47.0562%20167.28%2058.0295%20191.329%2075.4441%20210.377L107.363%20178.019C95.4836%20165.505%2085.4062%20151.397%2077.4219%20136.101ZM233.611%20133.388C226.412%20119.988%20217.474%20107.597%20207.028%2096.5383L126.791%20177.881C137.994%20188.171%20150.504%20196.941%20163.998%20203.963C170.247%20188.656%20179.525%20174.303%20191.845%20161.812C204.164%20149.32%20218.393%20139.843%20233.611%20133.388ZM280.735%20136.849C271.184%20137.158%20261.707%20138.639%20252.517%20141.258C260.153%20159.415%20264.239%20178.019%20264.645%20195.86C275.385%20177.861%20280.728%20157.437%20280.735%20136.849ZM117.012%20168.24L197.249%2086.8966C186.048%2076.6037%20173.538%2067.834%20160.042%2060.8147C153.609%2076.5528%20144.148%2090.8743%20132.195%20102.966C120.267%20115.085%20106.073%20124.743%2090.4216%20131.39C97.6281%20144.788%20106.568%20157.177%20117.012%20168.24ZM279.959%20123.135C276.982%2097.4965%20266.009%2073.4457%20248.596%2054.3938L216.677%2086.7524C228.553%2099.271%20238.63%20113.381%20246.618%20128.677C257.443%20125.389%20268.651%20123.526%20279.959%20123.135ZM59.3952%2068.9181C48.6548%2086.9104%2043.3121%20107.334%2043.2983%20127.929C52.8515%20127.62%2062.3305%20126.139%2071.5229%20123.52C63.8864%20105.37%2059.8004%2086.7593%2059.3952%2068.9181ZM84.4677%20118.987C98.6969%20113.04%20111.598%20104.315%20122.416%2093.3244C133.259%2082.3559%20141.806%2069.3359%20147.557%2055.0256C123.92%2045.2946%2099.5414%2042.1014%2077.5661%2045.9127L75.966%2047.5059C75.4372%2048.0416%2074.9084%2048.5841%2074.4003%2049.1266C70.8842%2071.15%2074.4071%2095.4876%2084.4677%20118.987ZM206.898%2077.1108L238.817%2044.7521C219.53%2027.6007%20195.332%2016.9568%20169.656%2014.3301C169.416%2025.6418%20167.708%2036.8745%20164.575%2047.7463C179.976%2055.5246%20194.22%2065.4075%20206.898%2077.1108ZM151.911%2042.0189C154.411%2032.7618%20155.75%2023.2575%20155.936%2013.7395C135.341%2014.0348%20114.993%2019.6591%2097.1447%2030.6399C114.986%2030.8047%20133.651%2034.6298%20151.911%2042.0189Z%22%20fill%3D%22%23e68e02%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-ic--faq { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22489.9%22%20height%3D%22489.9%22%20viewBox%3D%220%200%20489.9%20489.9%22%20fill%3D%22none%22%3E%3Cg%20transform%3D%22translate%28-115.266%20-91.146%29%20scale%280.99997%29%20translate%28147.05%20147.05%29%20rotate%2815%20244.95%20244.95%29%22%3E%3Cg%20transform%3D%22translate%2832.29%2018.74%29%22%3E%3Cpath%20d%3D%22M36.4589%20231.252L28.2776%20231.252C22.1599%20231.254%2016.2932%20233.685%2011.9674%20238.01C7.6415%20242.336%205.21051%20248.203%205.20886%20254.321L5.20886%20314.433C5.21051%20320.551%207.6415%20326.418%2011.9674%20330.743C16.2932%20335.069%2022.1599%20337.5%2028.2776%20337.502L36.5026%20337.502C36.895%20344.263%2039.8572%20350.618%2044.7827%20355.266C49.7082%20359.913%2056.2242%20362.502%2062.9964%20362.502L259.921%20362.502C266.445%20362.507%20272.741%20360.107%20277.606%20355.761C282.471%20351.415%20285.563%20345.428%20286.29%20338.946C286.404%20338.473%20286.46%20337.988%20286.459%20337.502L294.64%20337.502C300.758%20337.5%20306.624%20335.069%20310.95%20330.743C315.276%20326.418%20317.707%20320.551%20317.709%20314.433L317.709%20254.321C317.707%20248.203%20315.276%20242.336%20310.95%20238.01C306.624%20233.685%20300.758%20231.254%20294.64%20231.252L286.459%20231.252L286.459%20152.102C286.459%20148.358%20286.265%20144.633%20285.884%20140.946L326.571%2090.8832C327.215%2090.0932%20327.654%2089.1576%20327.853%2088.1582L335.059%2051.9082C335.287%2050.7836%20335.2%2049.6179%20334.808%2048.5395C334.415%2047.461%20333.734%2046.5116%20332.837%2045.7957C331.94%2045.0798%20330.863%2044.6252%20329.725%2044.4819C328.586%2044.3385%20327.43%2044.512%20326.384%2044.9832L291.996%2060.327C291.102%2060.728%20290.314%2061.3339%20289.696%2062.0957L271.128%2084.9395L292.003%2021.102C292.258%2020.3223%20292.358%2019.4998%20292.296%2018.6816C292.233%2017.8634%20292.01%2017.0655%20291.639%2016.3335C291.268%2015.6016%20290.757%2014.9499%20290.134%2014.4158C289.511%2013.8817%20288.789%2013.4756%20288.009%2013.2207L248.54%200.314499C246.965%20-0.20034%20245.251%20-0.0688712%20243.773%200.680013C242.295%201.4289%20241.175%202.73391%20240.659%204.30825L229.478%2038.502L227.79%205.927C227.704%204.27199%20226.965%202.71874%20225.734%201.60882C224.504%200.498896%20222.883%20-0.0768271%20221.228%200.00824908L124.896%204.99575C119.49%201.86989%20113.375%200.176404%20107.13%200.0757782C100.886%20-0.0248481%2094.7195%201.47072%2089.2151%204.42075L3.30261%2050.352C2.5787%2050.7386%201.93811%2051.2641%201.41746%2051.8984C0.896813%2052.5327%200.506324%2053.2635%200.268328%2054.0489C0.0303326%2054.8343%20-0.0504996%2055.6589%200.030452%2056.4755C0.111404%2057.2922%200.352551%2058.0849%200.740105%2058.8083L9.07761%2074.4082C7.69378%2075.2296%206.68011%2076.5531%206.24764%2078.1032C5.81518%2079.6532%205.99726%2081.3103%206.75597%2082.7295C7.51467%2084.1486%208.79154%2085.2205%2010.3207%2085.7218C11.8499%2086.2231%2013.5135%2086.1153%2014.9651%2085.4207L19.1026%2093.1582C17.7293%2093.9863%2016.7264%2095.31%2016.301%2096.8561C15.8755%2098.4023%2016.06%20100.053%2016.8163%20101.467C17.5727%20102.881%2018.8431%20103.95%2020.3653%20104.455C21.8876%20104.959%2023.5453%20104.86%2024.9964%20104.177L29.1276%20111.908C26.2401%20113.596%2025.1776%20117.283%2026.7651%20120.258C28.3589%20123.227%2032.0151%20124.396%2035.0214%20122.927L38.7526%20129.915C37.228%20137.212%2036.4594%20144.647%2036.4589%20152.102L36.4589%20231.252ZM255.209%20350.002L259.921%20350.002C263.644%20350%20267.213%20348.521%20269.846%20345.889C272.478%20343.257%20273.957%20339.687%20273.959%20335.965L273.959%20285.021C273.96%20277.139%20272.408%20269.334%20269.392%20262.052C266.376%20254.769%20261.955%20248.153%20256.382%20242.579C250.808%20237.006%20244.191%20232.585%20236.909%20229.569C229.627%20226.553%20221.822%20225.001%20213.94%20225.002L108.978%20225.002C101.096%20225.001%2093.2906%20226.553%2086.0084%20229.569C78.7263%20232.585%2072.1095%20237.006%2066.5361%20242.579C60.9627%20248.153%2056.5418%20254.769%2053.5258%20262.052C50.5099%20269.334%2048.958%20277.139%2048.9589%20285.021L48.9589%20335.965C48.9605%20339.687%2050.44%20343.257%2053.0722%20345.889C55.7043%20348.521%2059.2739%20350%2062.9964%20350.002L70.6714%20350.002C66.6047%20344.598%2064.4105%20338.015%2064.4213%20331.252L64.4213%20287.502C64.4213%20279.214%2067.7138%20271.265%2073.5743%20265.405C79.4348%20259.544%2087.3833%20256.252%2095.6714%20256.252L230.209%20256.252C238.497%20256.252%20246.445%20259.544%20252.306%20265.405C258.166%20271.265%20261.459%20279.214%20261.459%20287.502L261.459%20331.252C261.47%20338.015%20259.276%20344.598%20255.209%20350.002ZM227.421%20293.752L239.265%20329.277C239.575%20330.217%20239.658%20331.216%20239.507%20332.194C239.357%20333.172%20238.976%20334.1%20238.398%20334.902C237.819%20335.705%20237.058%20336.359%20236.178%20336.811C235.298%20337.263%20234.323%20337.5%20233.334%20337.502L204.359%20337.502C203.369%20337.5%20202.395%20337.263%20201.515%20336.811C200.634%20336.359%20199.874%20335.705%20199.295%20334.902C198.716%20334.1%20198.336%20333.172%20198.185%20332.194C198.035%20331.216%20198.118%20330.217%20198.428%20329.277L210.271%20293.752L76.9214%20293.752L76.9214%20331.252C76.9214%20336.225%2078.8968%20340.994%2082.4131%20344.51C85.9294%20348.027%2090.6985%20350.002%2095.6714%20350.002L230.209%20350.002C235.182%20350.002%20239.951%20348.027%20243.467%20344.51C246.983%20340.994%20248.959%20336.225%20248.959%20331.252L248.959%20293.752L227.421%20293.752ZM36.4589%20325.002L28.2776%20325.002C26.8895%20325.003%2025.5148%20324.73%2024.2321%20324.199C22.9495%20323.668%2021.7841%20322.89%2020.8025%20321.908C19.821%20320.927%2019.0425%20319.761%2018.5117%20318.479C17.9808%20317.196%2017.708%20315.821%2017.7089%20314.433L17.7089%20272.308L36.4589%20272.308L36.4589%20325.002ZM218.846%20307.558L224.665%20325.002L213.034%20325.002L218.846%20307.558ZM305.209%20272.308L305.209%20314.433C305.21%20315.821%20304.937%20317.196%20304.406%20318.479C303.875%20319.761%20303.097%20320.927%20302.115%20321.908C301.134%20322.89%20299.968%20323.668%20298.686%20324.199C297.403%20324.73%20296.028%20325.003%20294.64%20325.002L286.459%20325.002L286.459%20272.308L305.209%20272.308ZM247.89%20281.252L77.9901%20281.252C79.2836%20277.596%2081.6783%20274.431%2084.8447%20272.193C88.0111%20269.954%2091.7936%20268.752%2095.6714%20268.752L230.209%20268.752C234.087%20268.751%20237.87%20269.953%20241.036%20272.192C244.203%20274.43%20246.597%20277.596%20247.89%20281.252ZM36.4589%20243.752L36.4589%20259.808L17.7089%20259.808L17.7089%20254.321C17.708%20252.933%2017.9808%20251.558%2018.5117%20250.275C19.0425%20248.993%2019.821%20247.827%2020.8025%20246.846C21.7841%20245.864%2022.9495%20245.086%2024.2321%20244.555C25.5148%20244.024%2026.8895%20243.751%2028.2776%20243.752L36.4589%20243.752ZM286.459%20259.808L286.459%20243.752L294.64%20243.752C296.028%20243.751%20297.403%20244.024%20298.686%20244.555C299.968%20245.086%20301.134%20245.864%20302.115%20246.846C303.097%20247.827%20303.875%20248.993%20304.406%20250.275C304.937%20251.558%20305.21%20252.933%20305.209%20254.321L305.209%20259.808L286.459%20259.808ZM48.9589%20244.302C55.6026%20234.5%2064.5475%20226.477%2075.0107%20220.933C85.474%20215.389%2097.1365%20212.494%20108.978%20212.502L213.94%20212.502C238.903%20212.502%20260.915%20225.115%20273.959%20244.302L273.959%20152.102C273.957%20126.682%20263.858%20102.303%20245.883%2084.3276C227.908%2066.3526%20203.529%2056.2537%20178.109%2056.252L144.809%2056.252C119.388%2056.2537%2095.0095%2066.3526%2077.0345%2084.3276C59.0595%20102.303%2048.9605%20126.682%2048.9589%20152.102L48.9589%20244.302ZM248.871%20118.752C248.871%20112.122%20246.237%20105.763%20241.549%20101.074C236.861%2096.3859%20230.502%2093.752%20223.871%2093.752L102.015%2093.752C95.3847%2093.752%2089.0258%2096.3859%2084.3374%20101.074C79.649%20105.763%2077.0151%20112.122%2077.0151%20118.752L77.0151%20175.002C77.0151%20181.632%2079.649%20187.991%2084.3374%20192.68C89.0258%20197.368%2095.3847%20200.002%20102.015%20200.002L223.871%20200.002C230.502%20200.002%20236.861%20197.368%20241.549%20192.68C246.237%20187.991%20248.871%20181.632%20248.871%20175.002L248.871%20118.752ZM211.034%20131.252L224.246%20169.852C224.569%20170.793%20224.662%20171.798%20224.517%20172.783C224.373%20173.768%20223.996%20174.704%20223.417%20175.513C222.838%20176.322%20222.074%20176.982%20221.189%20177.437C220.304%20177.891%20219.323%20178.128%20218.328%20178.127L186.459%20178.127C185.464%20178.127%20184.484%20177.89%20183.6%20177.434C182.715%20176.979%20181.952%20176.32%20181.374%20175.51C180.796%20174.701%20180.419%20173.766%20180.275%20172.781C180.131%20171.797%20180.224%20170.793%20180.546%20169.852L193.759%20131.252L89.5151%20131.252L89.5151%20175.002C89.5151%20178.317%2090.8321%20181.497%2093.1763%20183.841C95.5205%20186.185%2098.6999%20187.502%20102.015%20187.502L223.871%20187.502C227.187%20187.502%20230.366%20186.185%20232.71%20183.841C235.054%20181.497%20236.371%20178.317%20236.371%20175.002L236.371%20131.252L211.034%20131.252ZM202.396%20144.615L209.584%20165.627L195.203%20165.627L202.396%20144.615ZM283.334%20116.315C282.706%20117.077%20281.91%20117.685%20281.009%20118.09L280.984%20118.096C281.709%20120.29%20282.365%20122.502%20282.946%20124.74L311.346%2089.802C310.653%2089.4283%20309.99%2088.9998%20309.365%2088.5207C308.683%2087.9652%20308.048%2087.3549%20307.465%2086.6957L283.334%20116.315ZM236.371%20118.752L89.5151%20118.752C89.5151%20115.437%2090.8321%20112.257%2093.1763%20109.913C95.5205%20107.569%2098.6999%20106.252%20102.015%20106.252L223.871%20106.252C227.187%20106.252%20230.366%20107.569%20232.71%20109.913C235.054%20112.257%20236.371%20115.437%20236.371%20118.752ZM46.5089%20106.533C49.1401%20100.858%2052.2651%2095.402%2055.8526%2090.2395L52.8026%2091.8707C51.3461%2092.6028%2049.6613%2092.7369%2048.1074%2092.2444C46.5534%2091.7518%2045.2534%2090.6717%2044.4846%2089.2343C43.7158%2087.7969%2043.5389%2086.116%2043.9918%2084.5501C44.4447%2082.9841%2045.4914%2081.6571%2046.9089%2080.852L89.8901%2057.8707L88.8713%2038.152C88.8278%2037.3325%2088.9468%2036.5125%2089.2214%2035.7391C89.496%2034.9658%2089.9208%2034.2543%2090.4714%2033.6458L109.321%2012.7395C104.419%2012.1628%2099.4581%2013.1053%2095.1089%2015.4395L14.7089%2058.427L20.1026%2068.5145C21.5543%2067.82%2023.2179%2067.7122%2024.747%2068.2135C26.2762%2068.7148%2027.553%2069.7866%2028.3117%2071.2058C29.0705%2072.6249%2029.2525%2074.282%2028.8201%2075.8321C28.3876%2077.3821%2027.3739%2078.7056%2025.9901%2079.527L30.1276%2087.2645C31.5824%2086.5486%2033.2585%2086.4261%2034.802%2086.9229C36.3455%2087.4196%2037.6355%2088.4968%2038.3996%2089.9269C39.1637%2091.357%2039.3422%2093.0281%2038.8972%2094.5873C38.4523%2096.1465%2037.4189%2097.4718%2036.0151%2098.2832L40.1526%20106.015C41.1612%20105.523%2042.2835%20105.312%2043.4018%20105.403C44.5201%20105.494%2045.5932%20105.885%2046.5089%20106.533ZM297.471%2079.1707C296.828%2078.7729%20296.214%2078.3301%20295.634%2077.8457C295.11%2077.4072%20294.61%2076.942%20294.134%2076.452L273.859%20101.396C274.59%20102.771%20275.29%20104.165%20275.959%20105.577L297.471%2079.1707ZM276.653%2027.8208L278.184%2023.1582L250.596%2014.1333L235.528%2060.2145C244.437%2065.7802%20252.489%2072.6145%20259.428%2080.502L261.453%2074.3082L258.878%2073.4707C257.367%2072.9041%20256.134%2071.7761%20255.436%2070.3222C254.738%2068.8682%20254.628%2067.2007%20255.129%2065.6677C255.631%2064.1347%20256.705%2062.8547%20258.128%2062.0948C259.551%2061.3349%20261.212%2061.1539%20262.765%2061.5895L265.34%2062.427L267.228%2056.6457L255.959%2052.9582C254.401%2052.4291%20253.115%2051.3073%20252.38%2049.8362C251.644%2048.3651%20251.518%2046.6633%20252.029%2045.0998C252.539%2043.5363%20253.646%2042.2371%20255.108%2041.4841C256.57%2040.731%20258.271%2040.5847%20259.84%2041.077L271.115%2044.7645L272.771%2039.702L270.434%2038.9395C268.858%2038.424%20267.552%2037.3037%20266.802%2035.8251C266.053%2034.3465%20265.921%2032.6307%20266.437%2031.0551C266.952%2029.4796%20268.073%2028.1733%20269.551%2027.4238C271.03%2026.6742%20272.746%2026.5427%20274.321%2027.0583L276.653%2027.8208ZM304.121%2068.6082C306.028%2069.9082%20308.409%2070.0645%20308.409%2070.0645C310.571%2070.2458%20312.484%2071.5395%20313.465%2073.477C313.465%2073.477%20315.096%2077.0208%20317.003%2078.6208L320.446%2061.3207L304.121%2068.6082ZM41.7151%2071.127L83.1526%2048.9707C84.5881%2048.1756%2085.6533%2046.8479%2086.1183%2045.2741C86.5832%2043.7003%2086.4105%2042.0068%2085.6375%2040.5593C84.8645%2039.1117%2083.5532%2038.0263%2081.9867%2037.5373C80.4202%2037.0483%2078.7243%2037.195%2077.2651%2037.9458L35.8214%2060.1082C35.0761%2060.4828%2034.4133%2061.0028%2033.8722%2061.6376C33.331%2062.2723%2032.9223%2063.009%2032.6703%2063.8041C32.4183%2064.5993%2032.328%2065.4368%2032.4047%2066.2674C32.4814%2067.098%2032.7236%2067.9048%2033.1171%2068.6403C33.5105%2069.3759%2034.0471%2070.0252%2034.6954%2070.5501C35.3437%2071.0749%2036.0905%2071.4647%2036.8918%2071.6965C37.6931%2071.9282%2038.5327%2071.9972%2039.361%2071.8994C40.1894%2071.8016%2040.9898%2071.539%2041.7151%2071.127ZM125.353%2017.4895L126.321%2036.2145C126.406%2037.8695%20125.831%2039.4906%20124.721%2040.7213C123.611%2041.9519%20122.058%2042.6914%20120.403%2042.777L101.678%2043.7457L102.134%2052.5145C115.619%2046.7335%20130.137%2043.7524%20144.809%2043.752L178.109%2043.752C191.759%2043.752%20205.146%2046.327%20217.621%2051.2145L215.634%2012.8145L125.353%2017.4895ZM198.478%2026.2208L138.484%2029.327C137.654%2029.3544%20136.837%2029.5469%20136.083%2029.8933C135.328%2030.2398%20134.65%2030.7332%20134.088%2031.3447C133.526%2031.9563%20133.091%2032.6737%20132.81%2033.4551C132.528%2034.2365%20132.405%2035.0661%20132.448%2035.8955C132.491%2036.725%20132.698%2037.5376%20133.059%2038.2858C133.419%2039.0341%20133.925%2039.703%20134.547%2040.2535C135.169%2040.804%20135.894%2041.225%20136.681%2041.492C137.467%2041.7589%20138.299%2041.8664%20139.128%2041.8083L199.121%2038.702C199.951%2038.6746%20200.768%2038.4821%20201.523%2038.1357C202.277%2037.7892%20202.956%2037.2958%20203.518%2036.6843C204.08%2036.0727%20204.514%2035.3553%20204.795%2034.5739C205.077%2033.7925%20205.2%2032.9629%20205.157%2032.1335C205.114%2031.304%20204.907%2030.4914%20204.546%2029.7432C204.186%2028.9949%20203.68%2028.326%20203.058%2027.7755C202.436%2027.225%20201.711%2026.804%20200.924%2026.537C200.138%2026.2701%20199.306%2026.1626%20198.478%2026.2208ZM113.328%2026.9645L109.859%2030.8082L113.515%2030.6208L113.328%2026.9645Z%22%20fill%3D%22%23e68e02%22%20fill-opacity%3D%220.10000000149011612%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

	/* Блок «уже занимаетесь у нас» ------------------------------------------ */

	/* В макете это столбик по центру на всех шести ширинах. Ширина колонки заголовка числом: от неё зависит число
	   строк и высота блока. */
	/* Раздел поднят над баннером: на телефоне значок в макете рисуется поверх баннера, а не срезается им. */
	.rfa-cta {
		position: relative;
		z-index: 1;
		display: grid;
		justify-items: center;
		gap: 2rem;
		margin-block-start: var(--rfa-sec);
		text-align: center;
	}

	.rfa-cta__txt {
		inline-size: min(80rem, 100%);
	}

	.rfa-cta__title {
		margin: 0;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-h2);
		font-weight: 400;
		line-height: 1;
		text-transform: uppercase;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		color: var(--color-black, #17222b);
	}

	.rfa-cta__note {
		margin: 1rem 0 0;
		font-size: var(--rfa-txt);
		color: var(--color-gray-3, #565d62);
	}

	/* Кнопка блока: 261x63 в макете, отбивка 32 по бокам, скругление 60. */
	/* Две оранжевые кнопки в макете залиты градиентом, остальные одноцветные, поэтому правило точечное. */
	.rfa-cta .button,
	.rfa-price--call .button {
		background-image: linear-gradient(to top left,
			var(--color-orange-bright, #f69d05) 0%,
			var(--color-orange-dark, #ea5b0c) 100%);
	}

	.rfa-cta .button {
		flex-direction: column;
		gap: 0.8rem;
		block-size: 6.3rem;
		padding-block: 0;
	}

	.rfa-cta .button small {
		display: block;
		font-family: var(--font-body, "Cygre", sans-serif);
		font-size: var(--rfa-small);
		line-height: 1.1;
	}

	@media (width <= 1400px) {
		.rfa-cta__txt { inline-size: min(60rem, 100%); }
	}

	@media (width <= 1024px) {
		.rfa-cta__txt { inline-size: min(54rem, 100%); }
		.rfa-cta .button { block-size: 6.2rem; }
	}

	@media (width <= 600px) {
		.rfa-cta__txt { inline-size: min(46rem, 100%); }
	}

	/* Блок с цитатами учеников ---------------------------------------------- */

	/* Серая плашка с заголовком, вокруг пять фотографий и четыре выноски. Места собирает rfa-deco-css.mjs, здесь
	   только вид. */
	.rfa-cloud {
		position: relative;
		margin-block-start: var(--rfa-sec);
		max-inline-size: none;
	}

	/* Плашка: скругление 600 в макете, то есть таблетка. */
	.rfa-cloud__txt {
		position: absolute;
		z-index: 2;
		display: grid;
		align-content: start;
		justify-items: center;
		gap: 4rem;
		padding: 8rem 4rem;
		/* Отбивка плашки сверху и снизу: 80 / 60 / 40 / 0 ступенями макета. */
		border-radius: 60rem;
		background: var(--color-gray-1, #f4f4f4);
		text-align: center;
	}

	/* При 480 заголовок облака в макете КРУПНЕЕ заголовка раздела: 36 против 32. */
	.rfa-cloud__title {
		margin: 0;
		max-inline-size: none;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-cloud-h2, var(--rfa-h2));
		font-weight: 400;
		line-height: 1;
		text-transform: uppercase;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		color: var(--color-black, #17222b);
	}

	/* Подпись под заголовком в макете крупнее обычного текста: 24 при 1920. */
	.rfa-cloud__lead {
		margin: 0;
		max-inline-size: 120rem;
		font-size: var(--rfa-cloud-lead);
		line-height: 1.2;
		color: var(--color-black, #17222b);
	}

	.rfa-cloud__photo {
		position: absolute;
		/* В макете фотографии и выноски лежат ПОВЕРХ плашки, а не под ней. */
		z-index: 3;
		border-radius: 0.8rem;
		object-fit: cover;
	}

	/* Выноска: рисунок облачка фоном, текст внутри по числам макета. */
	.rfa-quote {
		position: absolute;
		z-index: 3;
		margin: 0;
		background: no-repeat center / 100% 100%;
	}

	.rfa-quote__txt {
		position: absolute;
		margin: 0;
		font-size: var(--rfa-quote);
		line-height: 1.2;
		text-align: center;
		color: var(--color-gray-2, #818a91);
	}

	@media (width <= 1400px) {
		.rfa-cloud__txt { gap: 3.2rem; padding: 6rem 4rem; }
	}

	@media (width <= 900px) {
		.rfa-cloud__txt { padding: 4rem 2rem; }
	}

	@media (width <= 600px) {
		.rfa-cloud__txt { padding: 0 2rem; }
	}

	.rfa-quote--1 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-1%20-1%20266%20196%22%20width%3D%22266%22%20height%3D%22196%22%3E%3Cg%20opacity%3D%220.6%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20d%3D%22M134.424%200C161.371%200%20184.731%2011.8921%20196.536%2029.354L196.536%2029.3518C234.038%2030.5352%20264%2054.7065%20264%2084.43C264%20114.919%20232.531%20139.645%20193.695%20139.645C183.7%20139.645%20174.204%20137.973%20165.599%20135.025C156.96%20144.687%20142.706%20151%20126.556%20151C111.769%20151%2098.5776%20145.707%2089.8213%20137.441C83.612%20138.833%2077.103%20139.647%2070.3305%20139.647C31.4946%20139.647%200%20114.917%200%2084.4278C0%2053.9388%2031.4946%2029.2352%2070.3305%2029.2352C71.0114%2029.2352%2071.6615%2029.3056%2072.3424%2029.3056C84.1444%2011.8657%20107.51%200%20134.424%200Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2829%20145%29%22%3E%3Cpath%20d%3D%22M19.3613%2038.7225C30.0542%2038.7225%2038.7225%2030.0542%2038.7225%2019.3613C38.7225%208.66833%2030.0542%200%2019.3613%200C8.66833%200%200%208.66833%200%2019.3613C0%2030.0542%208.66833%2038.7225%2019.3613%2038.7225Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%288%20181%29%22%3E%3Cpath%20d%3D%22M6.31545%2012.6309C9.80338%2012.6309%2012.6309%209.80338%2012.6309%206.31545C12.6309%202.82752%209.80338%200%206.31545%200C2.82752%200%200%202.82752%200%206.31545C0%209.80338%202.82752%2012.6309%206.31545%2012.6309Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-quote--2 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-1%20-1%20429%20179%22%20width%3D%22429%22%20height%3D%22179%22%3E%3Cg%20transform%3D%22translate%28426.63%200%29%20scale%28-1%201%29%22%3E%3Cg%20opacity%3D%220.6%22%3E%3Cg%20transform%3D%22translate%2886.63%200%29%22%3E%3Cpath%20d%3D%22M173.121%200C207.826%200%20237.911%2013.9397%20253.114%2034.4083L253.114%2034.4057C301.413%2035.793%20340%2064.1262%20340%2098.9677C340%20134.706%20299.471%20163.689%20249.455%20163.689C236.583%20163.689%20224.354%20161.73%20213.271%20158.275C202.146%20169.6%20183.789%20177%20162.988%20177C143.946%20177%20126.956%20170.796%20115.679%20161.106C107.682%20162.738%2099.2993%20163.692%2090.5772%20163.692C40.5613%20163.692%200%20134.704%200%2098.9651C0%2063.2263%2040.5613%2034.269%2090.5772%2034.269C91.4541%2034.269%2092.2913%2034.3516%2093.1682%2034.3516C108.368%2013.9087%20138.46%200%20173.121%200Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2828.91%2094%29%22%3E%3Cpath%20d%3D%22M19.3613%2038.7225C30.0542%2038.7225%2038.7225%2030.0542%2038.7225%2019.3613C38.7225%208.66833%2030.0542%200%2019.3613%200C8.66833%200%200%208.66833%200%2019.3613C0%2030.0542%208.66833%2038.7225%2019.3613%2038.7225Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%20143%29%22%3E%3Cpath%20d%3D%22M6.31545%2012.6309C9.80338%2012.6309%2012.6309%209.80338%2012.6309%206.31545C12.6309%202.82752%209.80338%200%206.31545%200C2.82752%200%200%202.82752%200%206.31545C0%209.80338%202.82752%2012.6309%206.31545%2012.6309Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-quote--3 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20489%20282%22%20width%3D%22489%22%20height%3D%22282%22%3E%3Cg%20id%3D%221920%20Russian%20for%20adults%22%3E%3Cg%20id%3D%22We%20teach%20Russian%20to%20adults%20at%20any%20level%20and%20for%20any%20purpose%22%3E%3Cg%20id%3D%22Content%22%3E%3Cg%20id%3D%223%22%3E%3Cg%20id%3D%223_2%22%20opacity%3D%220.4%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M200%201C158.823%201%20123.362%208.07586%20104.888%2042.1748C47.0932%2044.7863%201.00013%2092.161%201%20150.387C1%20210.305%2049.7275%20258.891%20109.854%20258.891C125.043%20258.891%20139.486%20255.724%20152.61%20250.132C166.086%20268.824%20188.028%20281%20212.853%20281C235.613%20281%20255.943%20270.763%20269.557%20254.733C278.973%20257.36%20288.841%20258.895%20299.106%20258.896C359.233%20258.896%20408%20210.301%20408%20150.383C408%2090.4638%20359.233%2041.9219%20299.106%2041.9219C298.545%2041.9219%20298.001%2041.9583%20297.496%2041.9922C297.19%2042.0127%20296.897%2042.0305%20296.608%2042.043C278.112%208.01193%20241.145%201%20200%201Z%22%20fill%3D%22white%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M426.361%2090.7225C416.221%2090.7225%20408%2082.5018%20408%2072.3612C408%2062.2206%20416.221%2053.9999%20426.361%2053.9999C436.502%2053.9999%20444.723%2062.2206%20444.723%2072.3612C444.723%2082.5019%20436.502%2090.7225%20426.361%2090.7225Z%22%20fill%3D%22white%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M482.317%2083.6309C479.382%2083.6309%20477.002%2081.2511%20477.002%2078.3154C477.002%2075.3798%20479.382%2073%20482.317%2073C485.253%2073%20487.633%2075.3798%20487.633%2078.3154C487.633%2081.2511%20485.253%2083.6308%20482.317%2083.6309Z%22%20fill%3D%22white%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	.rfa-quote--4 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-1%20-1%20383%20190%22%20width%3D%22383%22%20height%3D%22190%22%3E%3Cg%20opacity%3D%220.6%22%3E%3Cg%20transform%3D%22translate%2881%200%29%22%3E%3Cpath%20d%3D%22M152.754%200C183.376%200%20209.922%2014.7666%20223.336%2036.4495L223.336%2036.4467C265.952%2037.9163%20300%2067.9303%20300%20104.839C300%20142.698%20264.239%20173.4%20220.108%20173.4C208.75%20173.4%20197.959%20171.324%20188.181%20167.664C178.364%20179.661%20162.166%20187.5%20143.813%20187.5C127.011%20187.5%20112.02%20180.928%20102.07%20170.663C95.0137%20172.392%2087.617%20173.403%2079.921%20173.403C35.7893%20173.403%200%20142.695%200%20104.836C0%2066.977%2035.7893%2036.302%2079.921%2036.302C80.6948%2036.302%2081.4335%2036.3894%2082.2072%2036.3894C95.6187%2014.7338%20122.171%200%20152.754%200Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2821.09%2099%29%22%3E%3Cpath%20d%3D%22M22.0014%2044.0029C34.1525%2044.0029%2044.0029%2034.1525%2044.0029%2022.0014C44.0029%209.85038%2034.1525%200%2022.0014%200C9.85038%200%200%209.85038%200%2022.0014C0%2034.1525%209.85038%2044.0029%2022.0014%2044.0029Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%20149%29%22%3E%3Cpath%20d%3D%22M7.17665%2014.3533C11.1402%2014.3533%2014.3533%2011.1402%2014.3533%207.17665C14.3533%203.2131%2011.1402%200%207.17665%200C3.2131%200%200%203.2131%200%207.17665C0%2011.1402%203.2131%2014.3533%207.17665%2014.3533Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23818A91%22%20stroke-width%3D%222%22%20opacity%3D%220.4000000059604645%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

	/* Цены ------------------------------------------------------------------ */

	.rfa-prices { margin-block-start: var(--rfa-sec); }

	/* При 1920 и 1600 это два блока по 600 по центру, ряд целиком карточки занимают с 1200: растянутые уводят цену
	   к краю экрана. */
	.rfa-prices__cards {
		display: grid;
		grid-template-columns: repeat(2, 60rem);
		justify-content: center;
		gap: 2rem;
	}

	/* Отбивка и скругление карточки из макета: 20 и 20. */
	/* Высота карточки из макета, последняя строка прижата к её низу. */
	.rfa-price {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		min-block-size: 19.7rem;
		padding: 2rem;
		border-radius: 2rem;
		background: var(--color-gray-1, #f4f4f4);
	}

	.rfa-price > :last-child { margin-block-start: auto; }

	/* Заголовок карточки без верхнего регистра: заглавными в макете набраны только заголовки разделов, а общий
	   стиль темы переводит их сам. */
	.rfa-price__name,
	.rfa-price__call-title {
		margin: 0;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-h3);
		font-weight: 400;
		line-height: 1;
		text-transform: none;
		color: var(--color-black, #17222b);
	}

	/* Цена в макете набрана текстовым шрифтом, а не заголовочным. */
	/* Текст карточки идёт нашей ступенью, иначе берётся от темы. Надпись кнопки исключена: у неё своя ступень. */
	.rfa-price p,
	.rfa-price span:not(.rfa-price__sum, .button span) { font-size: var(--rfa-txt); }

	.rfa-price__sum {
		font-family: var(--font-body, "Cygre", sans-serif);
		font-size: var(--rfa-sum);
		color: var(--color-orange, #e68e02);
	}

	.rfa-price__row {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		justify-content: space-between;
		gap: 0.8rem;
		font-size: var(--rfa-txt);
		color: var(--color-black, #17222b);
	}

	.rfa-price--call {
		gap: 0.4rem;
		background: var(--color-black, #17222b);
		color: #fff;
	}

	.rfa-price--call .rfa-price__call-title,
	.rfa-price--call p { color: #fff; }

	/* Кнопка тёмной карточки по ширине надписи и прижата влево; ниже 600 тема растягивает кнопки во всю ширину. */
	.rfa-price--call .button {
		justify-self: start;
		inline-size: auto;
		max-inline-size: fit-content;
	}

	@media (width <= 1400px) {
		.rfa-prices__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	}

	@media (width <= 1400px) {
		.rfa-price { min-block-size: 18.5rem; }
	}

	@media (width <= 900px) {
		.rfa-prices__cards { grid-template-columns: 1fr; }
		.rfa-price { min-block-size: 13.7rem; }
		.rfa-price--call { min-block-size: 17.8rem; }
	}

	@media (width <= 600px) {
		.rfa-price { min-block-size: 13.1rem; }
		.rfa-price--call { min-block-size: 17.2rem; }
	}

	/* Форма пробного урока -------------------------------------------------- */

	/* Форма собрана разметкой по макету, отправка не подключена: это отдельная работа. */
	.rfa-form-block {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
		margin-block-start: var(--rfa-sec);
	}

	/* Карточка формы залита оранжевым по диагонали, как в макете. */
	.rfa-form {
		display: grid;
		align-content: start;
		gap: 1.5rem;
		padding: 4rem;
		border-radius: 2rem;
		background: linear-gradient(to top left,
			var(--color-orange-bright, #f69d05) 0%,
			var(--color-orange-dark, #ea5b0c) 100%);
		color: #fff;
	}

	/* Тема режет заголовки правилом по числу знаков: без снятия предела «по центру» получается не по центру. */
	.rfa-form__title {
		margin: 0;
		max-inline-size: none;
		text-align: center;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-h2);
		font-weight: 400;
		line-height: 1;
		text-transform: uppercase;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		color: #fff;
	}

	/* До полей в макете 40: 15 даёт зазор карточки, остальное отбивкой заголовка. */
	.rfa-form__title { margin-block-end: 2.5rem; }

	.rfa-form__img {
		border-radius: 2rem;
		object-fit: cover;
		inline-size: 100%;
		block-size: 100%;
	}

	@media (width <= 1400px) {
		.rfa-form-block { grid-template-columns: 1fr; }
		.rfa-form__img { block-size: 80rem; }
		.rfa-form__title { margin-block-end: 1.7rem; }
	}

	@media (width <= 600px) {
		.rfa-form { padding: 4rem 2rem; }
		.rfa-form__img { block-size: 52rem; }
	}

	/* Преподаватели --------------------------------------------------------- */

	.rfa-teachers { margin-block-start: var(--rfa-sec); }

	/* Ряд карточек, поверх него по краям стрелки листания из макета. */
	.rfa-teachers__cards {
		position: relative;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 2rem;
	}

	/* Ниже 1400 четыре карточки уже не помещаются: ряд становится лентой,
	   и стрелки начинают листать. Стрелку в ленте считаем от раздела,
	   внутри прокрутки она уезжает вместе с карточками. */
	@media (width <= 1400px) {
		.rfa-teachers { position: relative; }

		.rfa-teachers__cards {
			position: static;
			display: flex;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
		}

		.rfa-teachers__cards::-webkit-scrollbar { display: none; }

		.rfa-teachers__cards > .rfa-teacher {
			flex: 0 0 calc((100% - 4rem) / 3);
			scroll-snap-align: start;
		}
	}


	/* Стрелки листают ленту, поведение в assets/pages.js плагина. */
	/* Стрелки листания её видом, как в её же ленте на Russian Language Lessons:
	   кружок 36 точек, полупрозрачный фон и оранжевый уголок. */
	.rfa-teachers__arrow {
		cursor: pointer;
		position: absolute;
		inset-block-start: 50%;
		inline-size: 3.6rem;
		block-size: 3.6rem;
		translate: 0 -50%;
		border: 1px solid rgba(244, 244, 244, 0.4);
		border-radius: 999px;
		background: rgba(244, 244, 244, 0.4) no-repeat center / 1.6rem 1.6rem;
	}

	/* Наведение на саму стрелку: фон белеет, как у её кнопок листания.
	   Без этого непонятно, попал ты по кнопке или нет. */
	.rfa-teachers__arrow:hover,
	.rfa-teachers__arrow:focus-visible {
		background-color: rgba(255, 255, 255, 0.7);
	}

	.rfa-teachers__arrow--prev {
		inset-inline-start: 3rem;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%20width=%2240%22%20height=%2240%22%3E%3Cg%20transform=%22translate(40,0)%20scale(-1,1)%22%3E%3Cpath%20d=%22m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z%22%20fill=%22%23e68e02%22/%3E%3C/g%3E%3C/svg%3E");
	}

	.rfa-teachers__arrow--next {
		inset-inline-end: 3rem;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%20width=%2240%22%20height=%2240%22%3E%3Cpath%20d=%22m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z%22%20fill=%22%23e68e02%22/%3E%3C/svg%3E");
	}

	/* Карточка это плашка с отбивкой 20, надписи прижаты влево. */
	/* Числом задана высота карточки, а не фотографии: подпись бывает в одну и в две строки, и на эту разницу
	   уменьшается сама фотография. */
	.rfa-teacher {
		display: grid;
		grid-template-rows: minmax(0, 1fr) auto auto;
		gap: 1.2rem;
		padding: 2rem;
		block-size: 60rem;
		border-radius: 2rem;
		background: var(--color-gray-1, #f4f4f4);
	}

	.rfa-teacher img {
		inline-size: 100%;
		block-size: 100%;
		border-radius: 1rem;
		object-fit: cover;
	}

	.rfa-teacher__name {
		margin: 0;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-h3);
		font-weight: 400;
		line-height: 1;
		text-transform: none;
		color: var(--color-black, #17222b);
	}

	/* В макете имя и опыт стоят своей парой с зазором 4 внутри карточки. */
	/* Наводка как в её карточках преподавателей на Russian Language Lessons:
	   фон кремовый, имя оранжевое, подпись оранжевая наполовину. Значения берём
	   её переменными, чтобы правка пережила смену её палитры. */
	.rfa-teacher:hover,
	.rfa-teacher:focus-within {
		background: var(--color-cream, #fff9f0);
	}

	.rfa-teacher:hover .rfa-teacher__name,
	.rfa-teacher:focus-within .rfa-teacher__name {
		color: var(--color-orange, #e68e02);
	}

	.rfa-teacher:hover .rfa-teacher__exp,
	.rfa-teacher:focus-within .rfa-teacher__exp {
		color: color-mix(in srgb, var(--color-orange, #e68e02) 50%, transparent);
	}

	.rfa-teacher__exp {
		margin-block-start: -0.8rem;
		margin-inline: 0;
		margin-block-end: 0;
		font-size: var(--rfa-txt);
		color: var(--color-black, #17222b);
	}

	@media (width <= 1600px) {
		.rfa-teacher { block-size: 50rem; }
	}

	/* Доехали до края или листать нечего. */
	/* Погашенная стрелка у неё всё равно отзывается на курсор, фон белеет.
	   Поэтому событий мыши не отнимаем, иначе кнопка кажется мёртвой. */
	.rfa-teachers__arrow.is-off { opacity: 0.35; }
	.rfa-teachers__arrow[hidden] { display: none; }

	/* С 1400 в макете видно три карточки. Четвёртую не прячем, а оставляем
	   за краем: ряд становится лентой, и стрелки из макета получают работу. */

	@media (width <= 1024px) {
		.rfa-teacher { block-size: 42rem; }
	}

	@media (width <= 900px) {
		.rfa-teacher { block-size: 32rem; }
	}

	/* На телефоне ряд преподавателей в макете шире экрана: это лента вбок, а не сжатая сетка. */
	@media (width <= 600px) {
		.rfa-teachers__cards {
			display: flex;
			gap: 1rem;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
		}

		.rfa-teachers__cards::-webkit-scrollbar { display: none; }

		.rfa-teacher {
			flex: 0 0 20rem;
			scroll-snap-align: start;
		}
	}

	@media (width <= 900px) {
	}

	/* Отзывы ---------------------------------------------------------------- */

	.rfa-feedback { margin-block-start: var(--rfa-sec); }

	/* Подпись раздела отзывов: 600 шириной и кегль 18 на всех ширинах. */
	.rfa-feedback .rfa-head__sub { max-inline-size: 60rem; }

	@media (width <= 900px) {
		.rfa-feedback .rfa-head__sub { font-size: 1.8rem; }
	}

	/* Сетка три на два, две клетки из шести занимают фотографии. Высота ряда числом: от неё зависит, где встанет
	   строка автора. */
	.rfa-feedback__cards {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-auto-rows: 48.4rem;
		gap: 2rem;
	}

	.rfa-feedback__photo {
		inline-size: 100%;
		block-size: 100%;
		border-radius: 2rem;
		object-fit: cover;
	}

	/* Текст сверху, автор прижат к низу. Длинный отзыв в макете обрезан по высоте карточки, поэтому высота
	   жёсткая, а лишнее прячется. */
	.rfa-review {
		display: grid;
		grid-template-rows: minmax(0, 1fr) auto;
		block-size: 100%;
		gap: 2rem;
		padding: 2rem;
		border-radius: 2rem;
		background: var(--color-gray-1, #f4f4f4);
	}

	.rfa-review__txt {
		display: flex;
		align-items: flex-start;
		gap: 1rem;
		overflow: hidden;
	}

	/* Кавычка обрезана по высоте букв: без обрезки она задаёт высоту строки и карточка вырастает. */
	.rfa-review__mark {
		flex: none;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: 6.4rem;
		line-height: 1.2;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		color: var(--color-gold, #f1bf70);
	}

	/* Сам отзыв в макете чёрный, а базовый текст страницы серый. */
	.rfa-review__text {
		margin: 0;
		font-size: var(--rfa-txt);
		line-height: 1.2;
		color: var(--color-black, #17222b);
	}

	.rfa-review__who {
		display: flex;
		align-items: center;
		gap: 0.8rem;
	}

	/* Имя в макете обрезано по высоте букв: коробка 13 при кегле 18. */
	.rfa-review__name {
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1.4;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		color: var(--color-black, #17222b);
	}

	/* Кружок с человечком и значок сети из макета, оба 40x40. */
	.rfa-review__face,
	.rfa-review__net {
		flex: 0 0 4rem;
		block-size: 4rem;
		background: no-repeat center / 100% 100%;
	}

	/* В макете у каждого отзыва свой человечек, набор один и тот же. */
	.rfa-review__face--man-1 { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M30.0044%2023.3031C29.1206%2022.52%2028.0094%2021.9163%2026.6969%2021.5225C24.8069%2020.9494%2023.7875%2020.2144%2023.3063%2019.7725C24.9775%2018.4556%2026.325%2016.1281%2026.325%2013.455C26.325%2012.1294%2026.15%2010.97%2025.8263%209.97688C25.8219%209.93313%2025.8131%209.88937%2025.8%209.85C25.7869%209.81063%2025.7694%209.77562%2025.7519%209.74063C24.8856%207.33%2023.0525%206%2020.4538%206C18.0037%206%2016.245%207.18125%2015.3263%209.32938C15.2781%209.39937%2015.2431%209.47813%2015.2256%209.55687C14.81%2010.6375%2014.5869%2011.9413%2014.5869%2013.455C14.5869%2016.1281%2015.9344%2018.4556%2017.6012%2019.7725C17.12%2020.2144%2016.1006%2020.9494%2014.2106%2021.5225C12.9025%2021.9163%2011.7869%2022.52%2010.9031%2023.3031C9.65625%2024.41%209%2025.705%209%2027.0437V33.3744C9%2033.72%209.28%2034%209.62562%2034H31.2819C31.6319%2034%2031.9119%2033.72%2031.9119%2033.3744V27.0437C31.9119%2025.705%2031.2469%2024.41%2030.0044%2023.3031ZM20.4538%207.25563C22.5363%207.25563%2023.7131%208.26188%2024.3606%209.63125C23.4725%209.82375%2022.0987%209.9375%2020.795%209.25062C20.7031%209.19812%2019.0581%208.30125%2017.2994%208.49375C18.0038%207.73687%2019.0056%207.25563%2020.4538%207.25563ZM15.8381%2013.455C15.8381%2012.3438%2015.965%2011.1494%2016.3456%2010.1038C17.9425%209.12812%2020.1562%2010.3312%2020.1956%2010.3531C21.1669%2010.865%2022.16%2011.0312%2023.035%2011.0312C23.7088%2011.0312%2024.3081%2010.9306%2024.7763%2010.8212C24.9863%2011.6744%2025.065%2012.5888%2025.065%2013.455C25.065%2016.7975%2022.5275%2019.6587%2020.4494%2019.6587C18.3756%2019.6587%2015.8381%2016.7975%2015.8381%2013.455ZM18.695%2020.4638C19.2812%2020.7481%2019.8806%2020.91%2020.4538%2020.91C21.0312%2020.91%2021.6306%2020.7481%2022.2169%2020.4638C22.4575%2020.7175%2022.8425%2021.0631%2023.4244%2021.435L20.4581%2023.675L17.4831%2021.435C18.0694%2021.0631%2018.45%2020.7175%2018.695%2020.4638ZM30.6519%2032.7487H27.5325V29.9619C27.5325%2029.6163%2027.2525%2029.3363%2026.9025%2029.3363C26.5569%2029.3363%2026.2769%2029.6163%2026.2769%2029.9619V32.7487H14.6219V29.9619C14.6219%2029.7959%2014.556%2029.6368%2014.4386%2029.5195C14.3213%2029.4022%2014.1622%2029.3363%2013.9963%2029.3363C13.8303%2029.3363%2013.6712%2029.4022%2013.5539%2029.5195C13.4365%2029.6368%2013.3706%2029.7959%2013.3706%2029.9619V32.7487H10.2513V27.0437C10.2513%2026.0594%2010.75%2025.1144%2011.7344%2024.2394C12.4869%2023.5744%2013.4406%2023.0669%2014.5738%2022.7213C15.2256%2022.5244%2015.7856%2022.31%2016.2669%2022.0869L20.0775%2024.9613C20.1865%2025.0434%2020.3194%2025.0879%2020.4559%2025.0879C20.5925%2025.0879%2020.7253%2025.0434%2020.8344%2024.9613L24.6406%2022.0869C25.1262%2022.31%2025.6862%2022.5244%2026.3337%2022.7213C27.4712%2023.0669%2028.425%2023.5744%2029.1731%2024.2394C30.1575%2025.1144%2030.6562%2026.0594%2030.6562%2027.0437V32.7487H30.6519Z%22%20fill%3D%22%23E68E02%22%2F%3E%3Cpath%20d%3D%22M30.6506%2027.0438V32.7488H27.5312V29.9619C27.5312%2029.6163%2027.2513%2029.3363%2026.9013%2029.3363C26.5556%2029.3363%2026.2756%2029.6163%2026.2756%2029.9619V32.7488H14.6206V29.9619C14.6206%2029.796%2014.5547%2029.6369%2014.4374%2029.5195C14.3201%2029.4022%2014.1609%2029.3363%2013.995%2029.3363C13.8291%2029.3363%2013.6699%2029.4022%2013.5526%2029.5195C13.4353%2029.6369%2013.3694%2029.796%2013.3694%2029.9619V32.7488H10.25V27.0438C10.25%2026.0594%2010.7487%2025.1144%2011.7331%2024.2394C12.4856%2023.5744%2013.4394%2023.0669%2014.5725%2022.7213C15.2244%2022.5244%2015.7844%2022.31%2016.2656%2022.0869L20.0763%2024.9613C20.1853%2025.0435%2020.3181%2025.0879%2020.4547%2025.0879C20.5912%2025.0879%2020.7241%2025.0435%2020.8331%2024.9613L24.6394%2022.0869C25.125%2022.31%2025.685%2022.5244%2026.3325%2022.7213C27.47%2023.0669%2028.4237%2023.5744%2029.1719%2024.2394C30.1519%2025.1144%2030.6506%2026.0594%2030.6506%2027.0438Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3Cpath%20d%3D%22M23.4217%2021.4351L20.4555%2023.6751L17.4805%2021.4351C18.0667%2021.0632%2018.4517%2020.7176%2018.6923%2020.4639C19.2786%2020.7482%2019.878%2020.9101%2020.4511%2020.9101C21.0286%2020.9101%2021.628%2020.7482%2022.2142%2020.4639C22.4592%2020.7176%2022.8442%2021.0632%2023.4217%2021.4351Z%22%20fill%3D%22%23FFF0D5%22%2F%3E%3Cpath%20d%3D%22M24.778%2010.8212C24.3098%2010.9306%2023.7105%2011.0312%2023.0367%2011.0312C22.1617%2011.0312%2021.1686%2010.865%2020.1973%2010.3531C20.158%2010.3312%2017.9442%209.12809%2016.3473%2010.1037C15.9667%2011.1493%2015.8398%2012.3437%2015.8398%2013.455C15.8398%2016.7975%2018.3773%2019.6587%2020.4511%2019.6587C22.5292%2019.6587%2025.0667%2016.7975%2025.0667%2013.455C25.0667%2012.5887%2024.9923%2011.6743%2024.778%2010.8212ZM22.6867%2015.0431C21.8817%2015.0431%2021.208%2014.4656%2021.0592%2013.7C20.6348%2013.3587%2020.2805%2013.3587%2019.8517%2013.7C19.7919%2014.0086%2019.6456%2014.2938%2019.4298%2014.5224C19.214%2014.751%2018.9377%2014.9135%2018.633%2014.991C18.3284%2015.0685%2018.008%2015.0578%2017.7092%2014.9601C17.4104%2014.8625%2017.1455%2014.6818%2016.9455%2014.4393C16.7455%2014.1968%2016.6185%2013.9024%2016.5795%2013.5905C16.5404%2013.2786%2016.5908%2012.962%2016.7249%2012.6777C16.8589%2012.3933%2017.0711%2012.153%2017.3365%2011.9846C17.602%2011.8163%2017.9099%2011.7269%2018.2242%2011.7268C18.7755%2011.7268%2019.2611%2011.9981%2019.563%2012.4137C20.1492%2012.125%2020.7617%2012.125%2021.3523%2012.4137C21.6542%2011.9981%2022.1398%2011.7268%2022.6867%2011.7268C23.6011%2011.7268%2024.3448%2012.4706%2024.3448%2013.385C24.3448%2014.2993%2023.6011%2015.0431%2022.6867%2015.0431Z%22%20fill%3D%22%23FFF9F0%22%2F%3E%3Cpath%20d%3D%22M24.3577%209.63148C23.4739%209.82398%2022.1002%209.93773%2020.7964%209.25086C20.7045%209.19836%2019.0595%208.30148%2017.3008%208.49398C18.0008%207.73711%2019.007%207.25586%2020.4508%207.25586C22.5377%207.25586%2023.7102%208.26211%2024.3577%209.63148Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3Cpath%20d%3D%22M22.6831%2011.7271C22.1362%2011.7271%2021.6506%2011.9983%2021.3487%2012.4139C20.7581%2012.1252%2020.1456%2012.1252%2019.5594%2012.4139C19.2575%2011.9983%2018.7719%2011.7271%2018.2206%2011.7271C17.3062%2011.7271%2016.5625%2012.4708%2016.5625%2013.3852C16.5625%2014.2996%2017.3062%2015.0433%2018.2206%2015.0433C19.03%2015.0433%2019.6994%2014.4658%2019.8481%2013.7002C20.2769%2013.3589%2020.6313%2013.3589%2021.0556%2013.7002C21.1293%2014.0779%2021.3319%2014.4184%2021.6287%2014.6633C21.9256%2014.9083%2022.2983%2015.0426%2022.6831%2015.0433C23.5975%2015.0433%2024.3412%2014.2996%2024.3412%2013.3852C24.3412%2012.4708%2023.5975%2011.7271%2022.6831%2011.7271ZM18.2206%2013.7921C18.1165%2013.7872%2018.0183%2013.7425%2017.9464%2013.6671C17.8745%2013.5917%2017.8343%2013.4916%2017.8343%2013.3874C17.8343%2013.2832%2017.8745%2013.183%2017.9464%2013.1076C18.0183%2013.0323%2018.1165%2012.9875%2018.2206%2012.9827C18.4437%2012.9827%2018.6275%2013.1621%2018.6275%2013.3852C18.6275%2013.6083%2018.4437%2013.7921%2018.2206%2013.7921ZM22.6831%2013.7921C22.579%2013.7872%2022.4808%2013.7425%2022.4089%2013.6671C22.337%2013.5917%2022.2968%2013.4916%2022.2968%2013.3874C22.2968%2013.2832%2022.337%2013.183%2022.4089%2013.1076C22.4808%2013.0323%2022.579%2012.9875%2022.6831%2012.9827C22.9062%2012.9827%2023.09%2013.1621%2023.09%2013.3852C23.09%2013.6083%2022.9019%2013.7921%2022.6831%2013.7921Z%22%20fill%3D%22%23E68E02%22%2F%3E%3Cpath%20d%3D%22M23.0916%2013.3849C23.0916%2013.608%2022.9079%2013.7918%2022.6847%2013.7918C22.5807%2013.787%2022.4825%2013.7422%2022.4105%2013.6668C22.3386%2013.5915%2022.2984%2013.4913%2022.2984%2013.3871C22.2984%2013.2829%2022.3386%2013.1827%2022.4105%2013.1074C22.4825%2013.032%2022.5807%2012.9873%2022.6847%2012.9824C22.9035%2012.9824%2023.0916%2013.1618%2023.0916%2013.3849ZM18.6291%2013.3849C18.6291%2013.608%2018.4454%2013.7918%2018.2222%2013.7918C18.1182%2013.787%2018.02%2013.7422%2017.948%2013.6668C17.8761%2013.5915%2017.8359%2013.4913%2017.8359%2013.3871C17.8359%2013.2829%2017.8761%2013.1827%2017.948%2013.1074C18.02%2013.032%2018.1182%2012.9873%2018.2222%2012.9824C18.4454%2012.9824%2018.6291%2013.1618%2018.6291%2013.3849Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3C%2Fsvg%3E"); }

	.rfa-review__face--woman-3 { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M28.195%2025.215V14.645C28.195%209.87625%2024.3144%206%2019.55%206C14.7813%206%2010.905%209.87625%2010.905%2014.645V25.215C9.085%2026.6369%208%2028.6231%208%2030.7362V33.3744C8%2033.72%208.28%2034%208.62563%2034H30.47C30.82%2034%2031.1%2033.72%2031.1%2033.3744V30.7362C31.1%2028.6231%2030.015%2026.6412%2028.195%2025.215ZM12.1563%2014.645C12.1563%2010.5675%2015.4725%207.25125%2019.55%207.25125C23.6231%207.25125%2026.9394%2010.5675%2026.9394%2014.645V24.3925C26.5019%2024.1475%2026.0338%2023.9287%2025.5394%2023.7494L25.1806%2023.6181C24.9181%2023.5175%2024.8919%2023.5088%2024.6513%2023.4563L24.3581%2023.3863C23.2469%2022.9181%2022.6738%2022.0519%2022.6388%2020.8225C22.9669%2020.56%2023.2644%2020.2538%2023.5138%2019.9081C24.0038%2019.2431%2024.31%2018.4513%2024.415%2017.6069C25.4344%2017.2831%2026.1519%2016.3688%2026.1519%2015.31C26.1519%2014.2775%2025.4519%2013.3806%2024.4544%2013.035V12.0987C24.4544%2011.7531%2024.1744%2011.4688%2023.8288%2011.4688H22.875L21.8294%209.82812C21.7156%209.64875%2021.5188%209.535%2021.3%209.535C21.0856%209.535%2020.8888%209.64875%2020.775%209.82812L19.7294%2011.4688H15.2713C14.9256%2011.4688%2014.6456%2011.7531%2014.6456%2012.0987V13.035C13.6481%2013.3806%2012.9481%2014.2775%2012.9481%2015.31C12.9481%2016.3688%2013.6656%2017.2831%2014.685%2017.6069C14.7856%2018.4469%2015.0963%2019.2388%2015.5863%2019.9081C15.8356%2020.2538%2016.1331%2020.5556%2016.4613%2020.8225C16.4263%2022.0562%2015.8488%2022.9225%2014.7288%2023.395C14.3044%2023.5%2013.9194%2023.6138%2013.565%2023.7494C13.0662%2023.9331%2012.5981%2024.1475%2012.1563%2024.3925V14.645ZM16.3344%2023.8806C17.0475%2023.29%2017.4894%2022.4894%2017.6513%2021.5356C18.2463%2021.785%2018.8894%2021.925%2019.55%2021.925C20.2106%2021.925%2020.8538%2021.785%2021.4488%2021.5356C21.6106%2022.4937%2022.0569%2023.29%2022.7656%2023.8806C20.6088%2024.6594%2018.4869%2024.6594%2016.3344%2023.8806ZM22.3281%2025.3288L19.55%2028.9731L16.7719%2025.3288C18.6181%2025.8319%2020.4775%2025.8319%2022.3281%2025.3288ZM15.9188%2017.4012C15.9056%2017.2787%2015.8969%2017.1475%2015.8969%2017.0206V12.7244H20.075C20.2894%2012.7244%2020.4906%2012.615%2020.6044%2012.4313L21.3%2011.3331L22%2012.4313C22.1138%2012.615%2022.315%2012.7244%2022.5294%2012.7244H23.2031V17.0206C23.2031%2017.1475%2023.1944%2017.2788%2023.1813%2017.3925C23.0896%2018.2919%2022.6675%2019.1254%2021.9967%2019.7315C21.3259%2020.3377%2020.4541%2020.6734%2019.55%2020.6737C18.974%2020.6731%2018.4063%2020.5365%2017.8932%2020.275C17.38%2020.0134%2016.9358%2019.6344%2016.5969%2019.1687C16.2189%2018.6497%2015.985%2018.0399%2015.9188%2017.4012ZM24.4544%2016.1894V14.4437C24.7256%2014.6581%2024.8963%2014.9688%2024.8963%2015.31C24.8963%2015.66%2024.7256%2015.975%2024.4544%2016.1894ZM14.6456%2014.4437V16.1894C14.3744%2015.975%2014.2038%2015.66%2014.2038%2015.31C14.2038%2014.9688%2014.3744%2014.6581%2014.6456%2014.4437ZM29.8444%2032.7444H9.25563V30.7362C9.25563%2028.2644%2011.115%2025.9806%2014.0025%2024.9262C14.2213%2024.8387%2014.4619%2024.7644%2014.7113%2024.6944L19.0513%2030.3906C19.1101%2030.4669%2019.1857%2030.5286%2019.2721%2030.5711C19.3586%2030.6136%2019.4537%2030.6357%2019.55%2030.6357C19.6463%2030.6357%2019.7414%2030.6136%2019.8279%2030.5711C19.9143%2030.5286%2019.9899%2030.4669%2020.0487%2030.3906L24.3975%2024.6812C24.5419%2024.7162%2024.555%2024.7206%2024.7431%2024.7906L25.1063%2024.9262C27.985%2025.985%2029.8444%2028.2644%2029.8444%2030.7362V32.7444Z%22%20fill%3D%22%23E68E02%22%2F%3E%3Cpath%20d%3D%22M24.8956%2015.3101C24.8956%2015.6601%2024.725%2015.9751%2024.4537%2016.1895V14.4438C24.725%2014.6582%2024.8956%2014.9688%2024.8956%2015.3101ZM14.645%2014.4438V16.1895C14.3738%2015.9751%2014.2031%2015.6601%2014.2031%2015.3101C14.2031%2014.9688%2014.3738%2014.6582%2014.645%2014.4438Z%22%20fill%3D%22%23F0D39A%22%2F%3E%3Cpath%20d%3D%22M26.9394%2014.6452V24.3927C26.5019%2024.1477%2026.0337%2023.929%2025.5394%2023.7496L25.1806%2023.6183C24.9181%2023.5177%2024.8919%2023.509%2024.6512%2023.4565L24.3581%2023.3865C23.2469%2022.9183%2022.6738%2022.0521%2022.6388%2020.8227C22.9669%2020.5602%2023.2644%2020.254%2023.5138%2019.9083C24.0038%2019.2433%2024.31%2018.4515%2024.415%2017.6071C25.4344%2017.2833%2026.1519%2016.369%2026.1519%2015.3102C26.1519%2014.2777%2025.4519%2013.3808%2024.4544%2013.0352V12.099C24.4544%2011.7533%2024.1744%2011.469%2023.8287%2011.469H22.875L21.8294%209.82834C21.7156%209.64896%2021.5188%209.53521%2021.3%209.53521C21.0856%209.53521%2020.8887%209.64896%2020.775%209.82834L19.7294%2011.469H15.2712C14.9256%2011.469%2014.6456%2011.7533%2014.6456%2012.099V13.0352C13.6481%2013.3808%2012.9481%2014.2777%2012.9481%2015.3102C12.9481%2016.369%2013.6656%2017.2833%2014.685%2017.6071C14.7856%2018.4471%2015.0963%2019.239%2015.5863%2019.9083C15.8356%2020.254%2016.1331%2020.5558%2016.4613%2020.8227C16.4262%2022.0565%2015.8487%2022.9227%2014.7287%2023.3952C14.3044%2023.5002%2013.9194%2023.614%2013.565%2023.7496C13.0662%2023.9333%2012.5981%2024.1477%2012.1562%2024.3927V14.6452C12.1562%2010.5677%2015.4725%207.25146%2019.55%207.25146C23.6231%207.25146%2026.9394%2010.5677%2026.9394%2014.6452Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3Cpath%20d%3D%22M23.2047%2012.7243V17.0205C23.2047%2017.1474%2023.1959%2017.2786%2023.1828%2017.3924C23.0912%2018.2918%2022.6691%2019.1253%2021.9983%2019.7314C21.3275%2020.3376%2020.4557%2020.6733%2019.5516%2020.6736C18.9756%2020.673%2018.4079%2020.5364%2017.8947%2020.2749C17.3816%2020.0133%2016.9374%2019.6343%2016.5984%2019.1686C16.2205%2018.6496%2015.9865%2018.0398%2015.9203%2017.4011C15.9072%2017.2786%2015.8984%2017.1474%2015.8984%2017.0205V12.7243H20.0766C20.2909%2012.7243%2020.4922%2012.6149%2020.6059%2012.4311L21.3016%2011.333L22.0016%2012.4311C22.1153%2012.6149%2022.3166%2012.7243%2022.5309%2012.7243H23.2047Z%22%20fill%3D%22%23FFF0D5%22%2F%3E%3Cpath%20d%3D%22M22.7672%2023.8806C20.6103%2024.6594%2018.4884%2024.6594%2016.3359%2023.8806C17.0491%2023.29%2017.4909%2022.4894%2017.6528%2021.5356C18.2478%2021.785%2018.8909%2021.925%2019.5516%2021.925C20.2122%2021.925%2020.8553%2021.785%2021.4503%2021.5356C21.6122%2022.4938%2022.0584%2023.29%2022.7672%2023.8806Z%22%20fill%3D%22%23FFF0D5%22%2F%3E%3Cpath%20d%3D%22M22.3297%2025.3286L19.5516%2028.973L16.7734%2025.3286C18.6197%2025.8317%2020.4791%2025.8317%2022.3297%2025.3286Z%22%20fill%3D%22%23FFF0D5%22%2F%3E%3Cpath%20d%3D%22M29.8427%2030.7362V32.7443H9.25391V30.7362C9.25391%2028.2643%2011.1133%2025.9805%2014.0008%2024.9262C14.2195%2024.8387%2014.4602%2024.7643%2014.7095%2024.6943L19.0495%2030.3905C19.1084%2030.4668%2019.184%2030.5286%2019.2704%2030.571C19.3569%2030.6135%2019.4519%2030.6356%2019.5483%2030.6356C19.6446%2030.6356%2019.7397%2030.6135%2019.8261%2030.571C19.9126%2030.5286%2019.9882%2030.4668%2020.047%2030.3905L24.3958%2024.6812C24.5402%2024.7162%2024.5533%2024.7205%2024.7414%2024.7905L25.1045%2024.9262C27.9833%2025.9849%2029.8427%2028.2643%2029.8427%2030.7362Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3C%2Fsvg%3E"); }

	.rfa-review__face--woman-2 { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M28.7987%2024.3444L27.46%2012.0506C27.46%2012.0331%2027.4556%2012.0113%2027.4513%2011.9894C26.725%208.52%2023.68%206%2020.2106%206C16.7456%206%2013.7006%208.52%2012.9744%2011.9894C12.97%2012.0113%2012.9656%2012.0331%2012.9656%2012.0506L11.6225%2024.3444C9.31687%2025.8888%208%2028.1419%208%2030.5788V33.3744C8%2033.72%208.28%2034%208.62562%2034H31.7956C32.1413%2034%2032.4212%2033.72%2032.4212%2033.3744V30.5788C32.4212%2028.1419%2031.1044%2025.8844%2028.7987%2024.3444ZM14.2081%2012.2169C14.825%209.33812%2017.345%207.25563%2020.2106%207.25563C23.0806%207.25563%2025.6006%209.33812%2026.2175%2012.2169L27.4556%2023.5831C27.1581%2023.4431%2026.8606%2023.3162%2026.55%2023.2025C26.13%2023.0494%2025.71%2022.9225%2025.2987%2022.8175C23.0544%2021.8681%2023.4087%2019.5669%2023.5356%2018.9894C24.1656%2018.3638%2024.625%2017.5631%2024.8219%2016.6575C24.8306%2016.6094%2024.835%2016.5612%2024.835%2016.5087L24.7475%2012.1513C24.7431%2011.9763%2024.6644%2011.8056%2024.5287%2011.6919L22.1488%209.63125C22.0044%209.50437%2021.8075%209.45625%2021.6194%209.49125C21.4313%209.52625%2021.2694%209.64438%2021.1819%209.815C21.1294%209.91563%2019.83%2012.2956%2016.225%2012.5538C15.9012%2012.58%2015.6475%2012.8469%2015.6431%2013.1706L15.5906%2016.5131C15.5863%2016.5613%2015.5906%2016.6094%2015.6037%2016.6575C15.7962%2017.5456%2016.2469%2018.3637%2016.89%2019.0025C17.0212%2019.6106%2017.3494%2021.8769%2015.1269%2022.8175C14.685%2022.9312%2014.2606%2023.0581%2013.8756%2023.2025C13.565%2023.3162%2013.2631%2023.4475%2012.97%2023.5831L14.2081%2012.2169ZM18.2463%2019.9431C18.8588%2020.2231%2019.5281%2020.3763%2020.2106%2020.3763C20.9062%2020.3763%2021.5756%2020.2188%2022.1794%2019.9388C22.1881%2021.2775%2022.6912%2022.9006%2024.4587%2023.8106V25.4294L20.2106%2027.9319L15.9669%2025.4294V23.8106C17.7344%2022.9006%2018.2375%2021.2775%2018.2463%2019.9431ZM16.8419%2016.4606L16.8856%2013.7481C19.6506%2013.3806%2021.1819%2011.9106%2021.86%2011.04L23.5006%2012.4575L23.5794%2016.4606C23.2119%2018.005%2021.8075%2019.1206%2020.2106%2019.1206C19.4231%2019.1206%2018.6488%2018.8494%2018.0363%2018.3506C17.4375%2017.8723%2017.0169%2017.2067%2016.8419%2016.4606ZM31.17%2032.7444H9.25125V30.5788C9.25125%2028.4919%2010.4544%2026.545%2012.55%2025.2369C12.5675%2025.2238%2012.585%2025.215%2012.6025%2025.1975C13.1187%2024.8781%2013.6962%2024.6025%2014.3131%2024.3794C14.44%2024.3312%2014.58%2024.2875%2014.7156%2024.2437V25.7881C14.7156%2026.0069%2014.8294%2026.2125%2015.0219%2026.3263L19.8913%2029.2006C19.9875%2029.2575%2020.1012%2029.2881%2020.2106%2029.2881C20.32%2029.2881%2020.4294%2029.2575%2020.53%2029.2006L25.4037%2026.3263C25.5919%2026.2125%2025.71%2026.0069%2025.71%2025.7881V24.2437C25.8456%2024.2875%2025.9856%2024.3312%2026.1213%2024.3794C26.7162%2024.5981%2027.2894%2024.8737%2027.8231%2025.2019C27.8406%2025.215%2027.8581%2025.2281%2027.8756%2025.2369C29.9669%2026.545%2031.17%2028.4919%2031.17%2030.5788V32.7444Z%22%20fill%3D%22%23E68E02%22%2F%3E%3Cpath%20d%3D%22M31.1687%2030.5787V32.7443H9.25V30.5787C9.25%2028.4918%2010.4531%2026.5449%2012.5487%2025.2368C12.5663%2025.2237%2012.5838%2025.2149%2012.6012%2025.1974C13.1175%2024.878%2013.695%2024.6024%2014.3119%2024.3793C14.4388%2024.3312%2014.5788%2024.2874%2014.7144%2024.2437V25.788C14.7144%2026.0068%2014.8281%2026.2124%2015.0206%2026.3262L19.89%2029.2005C19.9862%2029.2574%2020.1%2029.288%2020.2094%2029.288C20.3187%2029.288%2020.4281%2029.2574%2020.5287%2029.2005L25.4025%2026.3262C25.5906%2026.2124%2025.7087%2026.0068%2025.7087%2025.788V24.2437C25.8444%2024.2874%2025.9844%2024.3312%2026.12%2024.3793C26.715%2024.598%2027.2881%2024.8737%2027.8219%2025.2018C27.8394%2025.2149%2027.8569%2025.228%2027.8744%2025.2368C29.9656%2026.5449%2031.1687%2028.4918%2031.1687%2030.5787Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3Cpath%20d%3D%22M24.4606%2023.8108V25.4296L20.2125%2027.9321L15.9688%2025.4296V23.8108C17.7362%2022.9008%2018.2394%2021.2777%2018.2481%2019.9433C18.8606%2020.2233%2019.53%2020.3765%2020.2125%2020.3765C20.9081%2020.3765%2021.5775%2020.219%2022.1813%2019.939C22.19%2021.2777%2022.6931%2022.9008%2024.4606%2023.8108Z%22%20fill%3D%22%23F0D39A%22%2F%3E%3Cpath%20d%3D%22M23.5813%2016.4607C23.2138%2018.005%2021.8094%2019.1207%2020.2125%2019.1207C19.425%2019.1207%2018.6506%2018.8494%2018.0381%2018.3507C17.4394%2017.8724%2017.0187%2017.2067%2016.8438%2016.4607L16.8875%2013.7482C19.6525%2013.3807%2021.1838%2011.9107%2021.8619%2011.04L23.5025%2012.4575L23.5813%2016.4607Z%22%20fill%3D%22%23FFF0D5%22%2F%3E%3Cpath%20d%3D%22M27.4544%2023.5834C27.1569%2023.4434%2026.8594%2023.3165%2026.5487%2023.2027C26.1288%2023.0496%2025.7087%2022.9227%2025.2975%2022.8177C23.0531%2021.8684%2023.4075%2019.5671%2023.5344%2018.9896C24.1644%2018.364%2024.6237%2017.5634%2024.8206%2016.6577C24.8294%2016.6096%2024.8337%2016.5615%2024.8337%2016.509L24.7462%2012.1515C24.7419%2011.9765%2024.6631%2011.8059%2024.5275%2011.6921L22.1475%209.63148C22.0031%209.50461%2021.8063%209.45648%2021.6181%209.49148C21.43%209.52648%2021.2681%209.64461%2021.1806%209.81523C21.1281%209.91586%2019.8287%2012.2959%2016.2237%2012.554C15.9%2012.5802%2015.6462%2012.8471%2015.6419%2013.1709L15.5894%2016.5134C15.585%2016.5615%2015.5894%2016.6096%2015.6025%2016.6577C15.795%2017.5459%2016.2456%2018.364%2016.8888%2019.0027C17.02%2019.6109%2017.3481%2021.8771%2015.1256%2022.8177C14.6837%2022.9315%2014.2594%2023.0584%2013.8744%2023.2027C13.5638%2023.3165%2013.2619%2023.4477%2012.9688%2023.5834L14.2069%2012.2171C14.8238%209.33836%2017.3437%207.25586%2020.2094%207.25586C23.0794%207.25586%2025.5994%209.33836%2026.2162%2012.2171L27.4544%2023.5834Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3C%2Fsvg%3E"); }

	.rfa-review__face--man-2 { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M24.5696%2020.8706C23.9964%2020.6169%2023.6421%2020.0831%2023.5108%2019.2781C25.1471%2017.6813%2026.1402%2015.1481%2026.1402%2012.7812C26.1402%208.8525%2023.4627%206%2019.7746%206C16.0864%206%2013.4089%208.8525%2013.4089%2012.7812C13.4089%2015.1481%2014.4021%2017.6813%2016.0427%2019.2781C15.9377%2019.895%2015.6621%2020.5688%2014.9839%2020.8706C13.9646%2021.015%206.26895%2022.5069%207.05645%2033.4181C7.0827%2033.7463%207.35395%2034%207.68207%2034H31.8671C32.1996%2034%2032.4708%2033.7463%2032.4927%2033.4181C33.2802%2022.5156%2025.6021%2021.0194%2024.5696%2020.8706ZM19.7746%207.25563C21.6427%207.25563%2023.1827%208.17875%2024.0708%209.66188C23.5021%209.93313%2022.2377%2010.1344%2020.1683%208.47625C19.9058%208.26625%2019.5252%208.30125%2019.3064%208.55062C18.5714%209.38625%2016.4977%2011.4119%2014.7127%2012.0025C15.0321%209.21125%2017.0621%207.25563%2019.7746%207.25563ZM14.6864%2013.3063C16.7777%2012.8075%2018.9652%2010.725%2019.8489%209.80625C22.1283%2011.4513%2023.7164%2011.215%2024.5827%2010.8081C24.7752%2011.4162%2024.8889%2012.0769%2024.8889%2012.7812C24.8889%2016.3775%2022.4521%2019.6544%2019.7746%2019.6544C18.8252%2019.6544%2017.9064%2019.2344%2017.1146%2018.5387C17.1058%2018.5344%2017.1014%2018.5256%2017.0927%2018.5213C15.7758%2017.3531%2014.8221%2015.415%2014.6864%2013.3063ZM23.1914%2021.4175C20.8989%2022.5288%2018.6502%2022.5288%2016.3577%2021.4175C16.6946%2021.0763%2016.9483%2020.6388%2017.1189%2020.1269C17.9108%2020.6169%2018.8033%2020.9056%2019.7746%2020.9056C20.7458%2020.9056%2021.6383%2020.6169%2022.4346%2020.1269C22.6008%2020.6388%2022.8546%2021.0763%2023.1914%2021.4175ZM23.7033%2022.5638C23.2439%2025.9719%2020.7721%2028.8287%2019.7702%2029.8569C18.7727%2028.8287%2016.3052%2025.9806%2015.8502%2022.5638C18.4577%2023.8106%2021.0914%2023.8106%2023.7033%2022.5638ZM31.2764%2032.7444H8.2727C7.90957%2024.5675%2012.7527%2022.6513%2014.5552%2022.2225C14.9489%2027.1969%2019.1664%2031.0338%2019.3546%2031.2044C19.4727%2031.3094%2019.6214%2031.3619%2019.7702%2031.3619C19.9233%2031.3619%2020.0721%2031.3094%2020.1902%2031.2044C20.3783%2031.0338%2024.6002%2027.1969%2024.9983%2022.2225C26.8052%2022.6513%2031.6439%2024.5719%2031.2764%2032.7444Z%22%20fill%3D%22%23E68E02%22%2F%3E%3Cpath%20d%3D%22M23.7047%2022.564C23.2453%2025.9721%2020.7734%2028.829%2019.7716%2029.8571C18.7741%2028.829%2016.3066%2025.9808%2015.8516%2022.564C18.4591%2023.8108%2021.0928%2023.8108%2023.7047%2022.564Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3Cpath%20d%3D%22M24.9989%2022.2227C24.6008%2027.197%2020.3789%2031.0339%2020.1908%2031.2045C20.0726%2031.3095%2019.9239%2031.362%2019.7708%2031.362C19.622%2031.362%2019.4733%2031.3095%2019.3551%2031.2045C19.167%2031.0339%2014.9495%2027.197%2014.5558%2022.2227C12.7533%2022.6514%207.91014%2024.5677%208.27327%2032.7445H31.277C31.6445%2024.572%2026.8058%2022.6514%2024.9989%2022.2227ZM28.1708%2028.1683H25.2395C24.8939%2028.1683%2024.6139%2027.8839%2024.6139%2027.5383C24.6139%2027.1927%2024.8939%2026.9127%2025.2395%2026.9127H28.1708C28.5208%2026.9127%2028.8008%2027.1927%2028.8008%2027.5383C28.8008%2027.8839%2028.5208%2028.1683%2028.1708%2028.1683Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3Cpath%20d%3D%22M23.1931%2021.4176C20.9006%2022.5288%2018.6519%2022.5288%2016.3594%2021.4176C16.6962%2021.0763%2016.95%2020.6388%2017.1206%2020.127C17.9125%2020.617%2018.805%2020.9057%2019.7762%2020.9057C20.7475%2020.9057%2021.64%2020.617%2022.4363%2020.127C22.6025%2020.6388%2022.8563%2021.0763%2023.1931%2021.4176Z%22%20fill%3D%22%23FFF0D5%22%2F%3E%3Cpath%20d%3D%22M24.89%2012.7812C24.89%2016.3774%2022.4531%2019.6543%2019.7756%2019.6543C18.8263%2019.6543%2017.9075%2019.2343%2017.1156%2018.5387C17.1069%2018.5343%2017.1025%2018.5255%2017.0938%2018.5212C15.7769%2017.353%2014.8231%2015.4149%2014.6875%2013.3062C16.7788%2012.8074%2018.9662%2010.7249%2019.85%209.80615C22.1294%2011.4512%2023.7175%2011.2149%2024.5838%2010.808C24.7763%2011.4162%2024.89%2012.0768%2024.89%2012.7812Z%22%20fill%3D%22%23FFF9F0%22%2F%3E%3Cpath%20d%3D%22M24.0691%209.66211C23.5003%209.93336%2022.2359%2010.1346%2020.1666%208.47648C19.9041%208.26648%2019.5234%208.30148%2019.3047%208.55086C18.5697%209.38648%2016.4959%2011.4121%2014.7109%2012.0027C15.0303%209.21148%2017.0603%207.25586%2019.7728%207.25586C21.6409%207.25586%2023.1809%208.17898%2024.0691%209.66211Z%22%20fill%3D%22%23F1BF70%22%2F%3E%3Cpath%20d%3D%22M28.8002%2027.5382C28.8002%2027.8838%2028.5202%2028.1682%2028.1702%2028.1682H25.2389C24.8933%2028.1682%2024.6133%2027.8838%2024.6133%2027.5382C24.6133%2027.1926%2024.8933%2026.9126%2025.2389%2026.9126H28.1702C28.5202%2026.9126%2028.8002%2027.1926%2028.8002%2027.5382Z%22%20fill%3D%22%23E68E02%22%2F%3E%3C%2Fsvg%3E"); }

	.rfa-review__net {
		margin-inline-start: auto;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20d%3D%22M0%2020C0%208.95431%208.95431%200%2020%200L20%200C31.0457%200%2040%208.95431%2040%2020L40%2020C40%2031.0457%2031.0457%2040%2020%2040L20%2040C8.95431%2040%200%2031.0457%200%2020L0%2020Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2814%208%29%22%3E%3Cpath%20d%3D%22M7.65708%2012.3648L11.3793%2012.3648L11.9637%208.56055L7.65632%208.56055L7.65632%206.48134C7.65632%204.90099%208.16957%203.49962%209.63891%203.49962L12%203.49962L12%200.179741C11.5852%200.123382%2010.7078%200%209.04996%200C5.58819%200%203.55867%201.8393%203.55867%206.0297L3.55867%208.56055L0%208.56055L0%2012.3648L3.55867%2012.3648L3.55867%2022.821C4.26344%2022.9276%204.97729%2023%205.71007%2023C6.37245%2023%207.01893%2022.9391%207.65708%2022.8522L7.65708%2012.3648Z%22%20fill%3D%22%23e68e02%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}

	@media (width <= 1600px) {
		.rfa-feedback__cards { grid-auto-rows: 43.6rem; }
	}

	@media (width <= 1400px) {
		.rfa-feedback__cards { grid-auto-rows: 40rem; }
	}

	/* С 1024 фотография остаётся одна и занимает две клетки нижнего ряда. */
	@media (width <= 1024px) {
		/* Между колонками 10, между рядами 20 — в макете это разные числа. */
		.rfa-feedback__cards {
			grid-auto-rows: 42.5rem;
			gap: 2rem 1rem;
		}

		.rfa-feedback__photo:first-child { display: none; }
		.rfa-feedback__photo:last-child { grid-column: span 2; }
	}

	/* Две колонки и три ряда, зазор 10 в обе стороны. */
	@media (width <= 900px) {
		.rfa-feedback__cards {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-auto-rows: 40rem;
			gap: 1rem;
		}
	}

	/* На телефоне это лента вбок со своей прокруткой, а не прокрутка страницы. */
	@media (width <= 600px) {

		.rfa-feedback__cards {
			display: flex;
			gap: 1rem;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
		}

		.rfa-feedback__cards::-webkit-scrollbar { display: none; }

		/* В ленте у каждой карточки своя высота, автор идёт сразу за текстом: иначе у коротких отзывов он уезжает
		   вниз. */
		.rfa-feedback__cards { align-items: start; }

		.rfa-review,
		.rfa-feedback__photo {
			flex: 0 0 36rem;
			inline-size: 36rem;
			scroll-snap-align: start;
		}

		.rfa-review {
			grid-template-rows: auto auto;
			block-size: auto;
		}

		.rfa-feedback__photo { block-size: 36.6rem; }

		/* Фотография в ленте стоит третьей, между вторым и третьим отзывом. */
		.rfa-feedback__photo:last-child { order: 1; }
		.rfa-review:nth-of-type(3),
		.rfa-review:nth-of-type(4) { order: 2; }
	}

	/* Вопросы --------------------------------------------------------------- */

	.rfa-faq { margin-block-start: var(--rfa-sec); margin-block-end: 8rem; }

	/* У вопросов подпись отбита от заголовка на 20 ТОЛЬКО при 1920; уже — на 10. */
	@media (width > 1600px) {
		.rfa-faq .rfa-head { gap: 2rem; }
	}

	.rfa-faq__cards {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem;
	}

	.rfa-faq__item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.2rem;
		padding: 2rem;
		border-radius: 2rem;
		background: var(--color-gray-1, #f4f4f4);
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--rfa-h3);
		line-height: 1;
		text-transform: none;
		color: var(--color-black, #17222b);
	}

	/* Белый кружок с уголком справа в карточке: 40x40 в макете. */
	/* Жёлтая обводка при нажатии, как у её карточек вопросов на Russian Language
	   Lessons. Цвет берём её переменной, ширина 3 и отступ 2, как у неё. */
	.rfa-faq__item:focus-within {
		outline: 3px solid var(--styl-focus-color, #ffc701);
		outline-offset: 2px;
	}

	.rfa-faq__sign {
		flex: 0 0 4rem;
		block-size: 4rem;
		background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20d%3D%22M0%2020C0%208.95431%208.95431%200%2020%200L20%200C31.0457%200%2040%208.95431%2040%2020L40%2020C40%2031.0457%2031.0457%2040%2020%2040L20%2040C8.95431%2040%200%2031.0457%200%2020L0%2020Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2812%2017%29%22%3E%3Cpath%20d%3D%22M0.353553%20-0.353553C0.158291%20-0.548816%20-0.158291%20-0.548816%20-0.353553%20-0.353553C-0.548816%20-0.158291%20-0.548816%200.158291%20-0.353553%200.353553L0%200L0.353553%20-0.353553ZM16.3536%200.353553C16.5488%200.158291%2016.5488%20-0.158291%2016.3536%20-0.353553C16.1583%20-0.548816%2015.8417%20-0.548816%2015.6464%20-0.353553L16%200L16.3536%200.353553ZM9.41421%206.58579L9.06066%206.23223L9.41421%206.58579ZM0%200L-0.353553%200.353553L6.23223%206.93934L6.58579%206.58579L6.93934%206.23223L0.353553%20-0.353553L0%200ZM9.41421%206.58579L9.76777%206.93934L16.3536%200.353553L16%200L15.6464%20-0.353553L9.06066%206.23223L9.41421%206.58579ZM6.58579%206.58579L6.23223%206.93934C7.20855%207.91565%208.79146%207.91565%209.76777%206.93934L9.41421%206.58579L9.06066%206.23223C8.47487%206.81802%207.52513%206.81802%206.93934%206.23223L6.58579%206.58579Z%22%20fill%3D%22%23000000%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / 100% 100%;
	}

	/* С 1024 зазор между карточками в макете 10, а не 20. */
	/* Ответ под вопросом. Карточка в макете нарисована свёрнутой, поэтому ответ
	   лежит третьей строкой и показывается по нажатию, поведение в pages.js. */
	.rfa-faq__item[role="button"] { cursor: pointer; flex-wrap: wrap; }

	/* Вопрос забирает всю строку, иначе перенос уводит значок на строку ниже. */
	.rfa-faq__item[role="button"] > span { flex: 1 1 0; min-inline-size: 0; }

	.rfa-faq__sign { transition: rotate 0.2s ease; }
	.rfa-faq__item.is-open .rfa-faq__sign { rotate: 180deg; }

	.rfa-faq__answer {
		flex: 1 0 100%;
		margin-block-start: 1.2rem;
		font-family: var(--font-body, inherit);
		font-size: var(--rfa-txt);
		line-height: 1.4;
		color: var(--color-gray-4, #565d62);
	}

	.rfa-faq__answer[hidden] { display: none; }

	@media (width <= 1024px) {
		.rfa-faq__cards { gap: 1rem; }
	}

	@media (width <= 900px) {
		.rfa-faq__cards { grid-template-columns: 1fr; }
	}

	/* Кнопки ---------------------------------------------------------------- */

	/* Своего вида кнопки не пишем, у темы есть класс button. Задаём кегль и коробку числом: высота гуляет от длины
	   надписи. */
	/* Отбивка надписи в кнопке: 20 сверху и снизу, 32 по бокам на всех ширинах. */
	.rfa-page :where(.button, .btn) {
		font-size: var(--rfa-btn);
		padding-block: 2rem;
		padding-inline: 3.2rem;
	}

	/* Надпись кнопки обрезана по высоте букв. Кегль наследуем принудительно: тема задаёт тексту внутри кнопки
	   свой. */
	.rfa-page :where(.button, .btn) > span {
		font-size: inherit;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	/* Отбивка кнопки от карточек: 40 при 1920 и 1600, ниже по-разному. */
	.rfa-actions {
		display: flex;
		justify-content: center;
		margin-block-start: 4rem;
	}

	/* Под отзывами кнопка чёрная, у преподавателей и вопросов оранжевая. */
	.rfa-feedback .rfa-actions .button {
		background-color: var(--color-black, #17222b);
	}

	@media (width <= 1400px) {
		.rfa-actions { margin-block-start: 2rem; }

		/* В отзывах отбивка 32, у преподавателей и вопросов 20. */
		.rfa-feedback .rfa-actions { margin-block-start: 3.2rem; }
	}
	/* ==== НАЧАЛО: места украшений и фотографий. Собрано rfa-deco-css.mjs ==== */

	/* Шире 1920 макета нет: числа замирают на значениях самого широкого кадра. */
	@media (width > 1920px) {
		.rfa-shape--1 { inset-inline-start: calc(50% - 397.5px); inset-inline-end: auto; inset-block-start: 61px; inline-size: 236px; block-size: 235px; }
		.rfa-shape--2 { inset-inline-start: calc(50% - 61.5px); inset-inline-end: auto; inset-block-start: 263px; inline-size: 183px; block-size: 183px; }
		.rfa-shape--3 { inset-inline-start: calc(50% + 292.5px); inset-inline-end: auto; inset-block-start: 461px; inline-size: 363px; block-size: 363px; }
		.rfa-shape--4 { inset-inline-start: calc(50% + 304.5px); inset-inline-end: auto; inset-block-start: 61px; inline-size: 197px; block-size: 198px; }
		.rfa-shape--5 { inset-inline-start: calc(50% - 752px); inset-inline-end: auto; inset-block-start: 224.6px; inline-size: 354px; block-size: 354px; }
		.rfa-ic--cta-a { inset-inline-start: 1355px; inset-inline-end: auto; inset-block-start: -221px; inline-size: 525.5px; block-size: 525.5px; }
		.rfa-ic--cta-b { inset-inline-start: 31.6px; inset-inline-end: auto; inset-block-start: -31.2px; inline-size: 437.1px; block-size: 437.1px; }
		.rfa-ic--price { inset-inline-start: calc(1480px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -200px; inline-size: 400px; block-size: 400px; }
		.rfa-ic--feedback { inset-inline-start: calc(-5px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -259.5px; inline-size: 489.9px; block-size: 489.9px; }
		.rfa-ic--faq { inset-inline-start: calc(1390.5px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -129.4px; inline-size: 489.9px; block-size: 489.9px; }
		.rfa-hero__photo--big { inset-inline-start: calc(50% + 376px); inset-inline-end: auto; inset-block-start: 180px; inline-size: 540px; block-size: 540px; }
		.rfa-hero__photo--md { inset-inline-start: calc(50% + 54px); inset-inline-end: auto; inset-block-start: 440px; inline-size: 280px; block-size: 280px; }
		.rfa-hero__photo--sm { inset-inline-start: calc(50% + 174px); inset-inline-end: auto; inset-block-start: 222px; inline-size: 160px; block-size: 160px; }
		.rfa-hero { min-block-size: 800px; }
		.rfa-cloud { margin-inline-start: calc(50% - 886px); inline-size: 1739px; min-block-size: 743px; }
		.rfa-cloud__txt { inset-inline-start: 206px; inset-block-start: 108px; inline-size: 1360px; block-size: 422px; }
		.rfa-cloud__photo--1 { inset-inline-start: 1055px; inset-block-start: 505px; inline-size: 200px; block-size: 240px; }
		.rfa-cloud__photo--2 { inset-inline-start: -14px; inset-block-start: 192px; inline-size: 200px; block-size: 260px; }
		.rfa-cloud__photo--3 { inset-inline-start: 1546px; inset-block-start: 122px; inline-size: 240px; block-size: 160px; }
		.rfa-cloud__photo--4 { inset-inline-start: 540px; inset-block-start: 492px; inline-size: 180px; block-size: 240px; }
		.rfa-cloud__photo--5 { inset-inline-start: 558px; inset-block-start: -20px; inline-size: 240px; block-size: 160px; }
		.rfa-quote--1 { inset-inline-start: calc(92px - 1px); inset-block-start: calc(-4px - 1px); inline-size: calc(264px + 2px); block-size: calc(193.6px + 2.37px); }
		.rfa-quote--1 .rfa-quote__txt { inset-inline-start: calc(29px + 1px); inset-block-start: calc(49px + 1px); inline-size: 214px; }
		.rfa-quote--2 { inset-inline-start: calc(1065px - 1px); inset-block-start: calc(-42px - 1px); inline-size: calc(426.6px + 2.37px); block-size: calc(177px + 2px); }
		.rfa-quote--2 .rfa-quote__txt { inset-inline-start: calc(21px + 1px); inset-block-start: calc(56px + 1px); inline-size: 297px; }
		.rfa-quote--3 { inset-inline-start: 30px; inset-block-start: 492px; inline-size: calc(486.6px + 2.37px); block-size: calc(278px + 4px); }
		.rfa-quote--3 .rfa-quote__txt { inset-inline-start: 37px; inset-block-start: 64px; inline-size: 330px; }
		.rfa-quote--4 { inset-inline-start: calc(1294px - 1px); inset-block-start: calc(433px - 1px); inline-size: calc(381px + 2px); block-size: calc(187.5px + 2.5px); }
		.rfa-quote--4 .rfa-quote__txt { inset-inline-start: calc(101px + 1px); inset-block-start: calc(70px + 1px); inline-size: 260px; }
		.rfa-section { max-inline-size: 1920px; margin-inline: auto; }
		.rfa-hero__txt { inset-inline-start: calc(50% - 920px); }
	}

	@media (1600px <= width <= 1920px) {
		.rfa-shape--1 { inset-inline-start: 562.5px; inset-inline-end: auto; inset-block-start: 61px; inline-size: 236px; block-size: 235px; }
		.rfa-shape--2 { inset-inline-start: 898.5px; inset-inline-end: auto; inset-block-start: 263px; inline-size: 183px; block-size: 183px; }
		.rfa-shape--3 { inset-inline-start: 1252.5px; inset-inline-end: auto; inset-block-start: 461px; inline-size: 363px; block-size: 363px; }
		.rfa-shape--4 { inset-inline-start: 1264.5px; inset-inline-end: auto; inset-block-start: 61px; inline-size: 197px; block-size: 198px; }
		.rfa-shape--5 { inset-inline-start: 208px; inset-inline-end: auto; inset-block-start: 224.6px; inline-size: 354px; block-size: 354px; }
		.rfa-ic--cta-a { inset-inline-start: calc(77.8125vw - 139px); inset-inline-end: auto; inset-block-start: calc(-18.75vw + 139px); inline-size: 525.5px; block-size: 525.5px; }
		.rfa-ic--cta-b { inset-inline-start: 31.6px; inset-inline-end: auto; inset-block-start: -31.2px; inline-size: 437.1px; block-size: 437.1px; }
		.rfa-ic--price { inset-inline-start: calc(calc(100vw - 440px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -200px; inline-size: 400px; block-size: 400px; }
		.rfa-ic--feedback { inset-inline-start: calc(-5px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -259.5px; inline-size: 489.9px; block-size: 489.9px; }
		.rfa-ic--faq { inset-inline-start: calc(calc(100vw - 529.5px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -129.4px; inline-size: 489.9px; block-size: 489.9px; }
		.rfa-hero__photo--big { inset-inline-start: calc(86.25vw - 320px); inset-inline-end: auto; inset-block-start: calc(18.75vw - 180px); inline-size: calc(12.5vw + 300px); block-size: calc(12.5vw + 300px); }
		.rfa-hero__photo--md { inset-inline-start: calc(66.875vw - 270px); inset-inline-end: auto; inset-block-start: calc(18.75vw + 80px); inline-size: calc(12.5vw + 40px); block-size: calc(12.5vw + 40px); }
		.rfa-hero__photo--sm { inset-inline-start: calc(77.8125vw - 360px); inset-inline-end: auto; inset-block-start: calc(18.75vw - 138px); inline-size: 160px; block-size: 160px; }
		.rfa-hero { min-block-size: calc(25vw + 320px); }
		.rfa-cloud { margin-inline-start: calc(44.6875vw - 784px); inline-size: 1739px; min-block-size: calc(3.75vw + 671px); }
		.rfa-cloud__txt { inset-inline-start: calc(-26.25vw + 710px); inset-block-start: 108px; inline-size: calc(62.5vw + 160px); block-size: calc(-3.125vw + 482px); }
		.rfa-cloud__photo--1 { inset-inline-start: calc(12.5vw + 815px); inset-block-start: calc(-3.125vw + 565px); inline-size: calc(6.25vw + 80px); block-size: calc(7.5vw + 96px); }
		.rfa-cloud__photo--2 { inset-inline-start: calc(-40.625vw + 766px); inset-block-start: 192px; inline-size: calc(6.25vw + 80px); block-size: calc(8.125vw + 104px); }
		.rfa-cloud__photo--3 { inset-inline-start: calc(53.125vw + 526px); inset-block-start: calc(3.125vw + 62px); inline-size: calc(6.25vw + 120px); block-size: calc(4.0625vw + 82px); }
		.rfa-cloud__photo--4 { inset-inline-start: calc(-28.125vw + 1080px); inset-block-start: calc(-3.125vw + 552px); inline-size: calc(6.25vw + 60px); block-size: calc(8.4375vw + 78px); }
		.rfa-cloud__photo--5 { inset-inline-start: calc(-3.125vw + 618px); inset-block-start: calc(-6.25vw + 100px); inline-size: calc(14.0625vw - 30px); block-size: calc(9.375vw - 20px); }
		.rfa-quote--1 { inset-inline-start: calc(calc(-40.625vw + 872px) - 1px); inset-block-start: calc(-4px - 1px); inline-size: calc(264px + 2px); block-size: calc(193.6px + 2.37px); }
		.rfa-quote--1 .rfa-quote__txt { inset-inline-start: calc(29px + 1px); inset-block-start: calc(49px + 1px); inline-size: 214px; }
		.rfa-quote--2 { inset-inline-start: calc(calc(50vw + 105px) - 1px); inset-block-start: calc(-42px - 1px); inline-size: calc(426.6px + 2.37px); block-size: calc(177px + 2px); }
		.rfa-quote--2 .rfa-quote__txt { inset-inline-start: calc(21px + 1px); inset-block-start: calc(56px + 1px); inline-size: 297px; }
		.rfa-quote--3 { inset-inline-start: calc(-28.125vw + 570px); inset-block-start: 492px; inline-size: calc(486.6px + 2.37px); block-size: calc(278px + 4px); }
		.rfa-quote--3 .rfa-quote__txt { inset-inline-start: 37px; inset-block-start: 64px; inline-size: 330px; }
		.rfa-quote--4 { inset-inline-start: calc(calc(15.625vw + 994px) - 1px); inset-block-start: calc(433px - 1px); inline-size: calc(381px + 2px); block-size: calc(187.5px + 2.5px); }
		.rfa-quote--4 .rfa-quote__txt { inset-inline-start: calc(101px + 1px); inset-block-start: calc(70px + 1px); inline-size: 260px; }
	}

	@media (1200px <= width <= 1600px) {
		.rfa-shape--1 { inset-inline-start: calc(24.875vw + 164.5px); inset-inline-end: auto; inset-block-start: calc(-14.25vw + 289px); inline-size: calc(16.5vw - 28px); block-size: calc(16.5vw - 29px); }
		.rfa-shape--2 { inset-inline-start: calc(48.375vw + 124.5px); inset-inline-end: auto; inset-block-start: 263px; inline-size: calc(12.75vw - 21px); block-size: calc(12.75vw - 21px); }
		.rfa-shape--3 { inset-inline-start: calc(73.125vw + 82.5px); inset-inline-end: auto; inset-block-start: calc(13.75vw + 241px); inline-size: calc(25.25vw - 41px); block-size: calc(25.5vw - 45px); }
		.rfa-shape--4 { inset-inline-start: calc(73.875vw + 82.5px); inset-inline-end: auto; inset-block-start: calc(-14.25vw + 289px); inline-size: calc(13.75vw - 23px); block-size: calc(14vw - 26px); }
		.rfa-shape--5 { inset-inline-start: 208px; inset-inline-end: auto; inset-block-start: calc(-2.725vw + 268.2px); inline-size: calc(24.75vw - 42px); block-size: calc(24.75vw - 42px); }
		.rfa-ic--cta-a { inset-inline-start: calc(63vw + 98px); inset-inline-end: auto; inset-block-start: calc(3.75vw - 221px); inline-size: calc(32.85vw - 0.1px); block-size: calc(32.85vw - 0.1px); }
		.rfa-ic--cta-b { inset-inline-start: calc(27.5vw - 408.4px); inset-inline-end: auto; inset-block-start: calc(5vw - 111.2px); inline-size: calc(6.825vw + 327.9px); block-size: calc(6.825vw + 327.9px); }
		.rfa-ic--price { inset-inline-start: calc(calc(75vw - 40px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: calc(-10vw - 40px); inline-size: calc(25vw + 0px); block-size: calc(25vw + 0px); }
		.rfa-ic--feedback { inset-inline-start: calc(-5px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: calc(-16.475vw + 4.1px); inline-size: calc(30.625vw - 0.1px); block-size: calc(30.625vw - 0.1px); }
		.rfa-ic--faq { inset-inline-start: calc(calc(69.525vw - 41.9px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -129.4px; inline-size: calc(30.625vw - 0.1px); block-size: calc(30.625vw - 0.1px); }
		.rfa-hero__photo--big { inset-inline-start: calc(105vw - 620px); inset-inline-end: auto; inset-block-start: calc(1.25vw + 100px); inline-size: calc(-5vw + 580px); block-size: calc(-5vw + 580px); }
		.rfa-hero__photo--md { inset-inline-start: calc(124.5vw - 1192px); inset-inline-end: auto; inset-block-start: calc(67vw - 692px); inline-size: calc(15.75vw - 12px); block-size: calc(15.75vw - 12px); }
		.rfa-hero__photo--sm { inset-inline-start: calc(90.75vw - 567px); inset-inline-end: auto; inset-block-start: calc(-8vw + 290px); inline-size: calc(10.5vw - 8px); block-size: calc(10.5vw - 8px); }
		.rfa-hero { min-block-size: calc(11.25vw + 540px); }
		.rfa-cloud { margin-inline-start: calc(-26.5vw + 355px); inline-size: calc(153.5vw - 717px); min-block-size: calc(29.5vw + 259px); }
		.rfa-cloud__txt { inset-inline-start: calc(44vw - 414px); inset-block-start: calc(9vw - 36px); inline-size: calc(65vw + 120px); block-size: calc(22.5vw + 72px); }
		.rfa-cloud__photo--1 { inset-inline-start: calc(90vw - 425px); inset-block-start: calc(17.5vw + 235px); inline-size: calc(10vw + 20px); block-size: calc(12vw + 24px); }
		.rfa-cloud__photo--2 { inset-inline-start: calc(28.25vw - 336px); inset-block-start: calc(19vw - 112px); inline-size: calc(10vw + 20px); block-size: calc(13vw + 26px); }
		.rfa-cloud__photo--3 { inset-inline-start: calc(108.25vw - 356px); inset-block-start: calc(10vw - 48px); inline-size: calc(10vw + 60px); block-size: calc(6.75vw + 39px); }
		.rfa-cloud__photo--4 { inset-inline-start: calc(47vw - 122px); inset-block-start: calc(29.25vw + 34px); inline-size: calc(5vw + 80px); block-size: calc(6.5vw + 109px); }
		.rfa-cloud__photo--5 { inset-inline-start: calc(40.5vw - 80px); inset-block-start: 0px; inline-size: calc(11.25vw + 15px); block-size: calc(7.5vw + 10px); }
		.rfa-quote--1 { inset-inline-start: calc(calc(26.5vw - 202px) - 1px); inset-block-start: calc(calc(19vw - 308px) - 1px); inline-size: calc(calc(4.975vw + 184.4px) + 2px); block-size: calc(calc(3.65vw + 135.2px) + 2.37px); }
		.rfa-quote--1 .rfa-quote__txt { inset-inline-start: calc(calc(2.5vw - 11px) + 1px); inset-block-start: calc(49px + 1px); inline-size: 214px; }
		.rfa-quote--2 { inset-inline-start: calc(calc(75.675vw - 305.8px) - 1px); inset-block-start: calc(calc(7vw - 154px) - 1px); inline-size: calc(calc(16.875vw + 156.6px) + 2.37px); block-size: calc(calc(7vw + 65px) + 2px); }
		.rfa-quote--2 .rfa-quote__txt { inset-inline-start: calc(calc(0.825vw + 7.8px) + 1px); inset-block-start: calc(calc(2vw + 24px) + 1px); inline-size: calc(14vw + 73px); }
		.rfa-quote--3 { inset-inline-start: calc(29.25vw - 348px); inset-block-start: calc(26.25vw + 72px); inline-size: calc(calc(15.9vw + 232.2px) + 2.37px); block-size: calc(calc(9.1vw + 132.4px) + 4px); }
		.rfa-quote--3 .rfa-quote__txt { inset-inline-start: calc(-2.5vw + 77px); inset-block-start: calc(3.3vw + 11.2px); inline-size: calc(15.5vw + 82px); }
		.rfa-quote--4 { inset-inline-start: calc(calc(108.75vw - 496px) - 1px); inset-block-start: calc(calc(14.75vw + 197px) - 1px); inline-size: calc(calc(16.75vw + 113px) + 2px); block-size: calc(calc(8.25vw + 55.5px) + 2.5px); }
		.rfa-quote--4 .rfa-quote__txt { inset-inline-start: calc(calc(2.5vw + 61px) + 1px); inset-block-start: calc(calc(5.375vw - 16px) + 1px); inline-size: calc(15.75vw + 8px); }
	}

	@media (1024px <= width <= 1200px) {
		.rfa-shape--1 { inset-inline-start: calc(130.6818vw - 1105.18px); inset-inline-end: auto; inset-block-start: 118px; inline-size: 170px; block-size: 169px; }
		.rfa-shape--2 { inset-inline-start: calc(130.6818vw - 863.18px); inset-inline-end: auto; inset-block-start: 263px; inline-size: 132px; block-size: 132px; }
		.rfa-shape--3 { inset-inline-start: calc(130.6818vw - 608.18px); inset-inline-end: auto; inset-block-start: 406px; inline-size: 262px; block-size: 261px; }
		.rfa-shape--4 { inset-inline-start: calc(130.6818vw - 599.18px); inset-inline-end: auto; inset-block-start: 118px; inline-size: 142px; block-size: 142px; }
		.rfa-shape--5 { inset-inline-start: calc(130.6818vw - 1360.18px); inset-inline-end: auto; inset-block-start: 235.5px; inline-size: 255px; block-size: 255px; }
		.rfa-ic--cta-a { inset-inline-start: calc(88.6364vw - 209.64px); inset-inline-end: auto; inset-block-start: -176px; inline-size: 394.1px; block-size: 394.1px; }
		.rfa-ic--cta-b { inset-inline-start: calc(12.5vw - 228.4px); inset-inline-end: auto; inset-block-start: -51.2px; inline-size: 409.8px; block-size: 409.8px; }
		.rfa-ic--price { inset-inline-start: calc(calc(88.6364vw - 203.64px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -160px; inline-size: 300px; block-size: 300px; }
		.rfa-ic--feedback { inset-inline-start: calc(calc(11.3636vw - 141.36px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -193.6px; inline-size: 367.4px; block-size: 367.4px; }
		.rfa-ic--faq { inset-inline-start: calc(calc(88.6364vw - 271.24px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -129.4px; inline-size: 367.4px; block-size: 367.4px; }
		.rfa-hero__photo--big { inset-inline-start: calc(43.1818vw + 121.82px); inset-inline-end: auto; inset-block-start: calc(-8.5227vw + 217.27px); inline-size: calc(45.4545vw - 25.45px); block-size: calc(45.4545vw - 25.45px); }
		.rfa-hero__photo--md { inset-inline-start: calc(5.1136vw + 240.64px); inset-inline-end: auto; inset-block-start: calc(1.7045vw + 91.55px); inline-size: calc(9.6591vw + 61.09px); block-size: calc(9.6591vw + 61.09px); }
		.rfa-hero__photo--sm { inset-inline-start: calc(22.1591vw + 256.09px); inset-inline-end: auto; inset-block-start: calc(28.4091vw - 146.91px); inline-size: calc(10.2273vw - 4.73px); block-size: calc(10.2273vw - 4.73px); }
		.rfa-hero { min-block-size: calc(36.9318vw + 231.82px); }
		.rfa-cloud { margin-inline-start: calc(11.3636vw - 99.36px); inline-size: calc(77.2727vw + 197.73px); min-block-size: calc(-96.5909vw + 1772.09px); }
		.rfa-cloud__txt { inset-inline-start: calc(63.0682vw - 642.82px); inset-block-start: calc(-68.1818vw + 890.18px); inline-size: calc(-47.7273vw + 1472.73px); block-size: calc(5.6818vw + 273.82px); }
		.rfa-cloud__photo--1 { inset-inline-start: calc(40.9091vw + 164.09px); inset-block-start: calc(-110.2273vw + 1767.73px); inline-size: calc(11.3636vw + 3.64px); block-size: calc(13.6364vw + 4.36px); }
		.rfa-cloud__photo--2 { inset-inline-start: 3px; inset-block-start: calc(22.1591vw - 149.91px); inline-size: calc(11.3636vw + 3.64px); block-size: calc(14.7727vw + 4.73px); }
		.rfa-cloud__photo--3 { inset-inline-start: calc(54.5455vw + 288.45px); inset-block-start: calc(-41.4773vw + 569.73px); inline-size: calc(22.7273vw - 92.73px); block-size: calc(15.3409vw - 64.09px); }
		.rfa-cloud__photo--4 { inset-inline-start: calc(1.1364vw + 428.36px); inset-block-start: calc(-62.5vw + 1135px); inline-size: calc(11.3636vw + 3.64px); block-size: calc(15.3409vw + 2.91px); }
		.rfa-cloud__photo--5 { inset-inline-start: calc(-2.2727vw + 433.27px); inset-block-start: calc(-69.3182vw + 831.82px); inline-size: 150px; block-size: 100px; }
		.rfa-quote--1 { inset-inline-start: calc(calc(-6.25vw + 191px) - 1px); inset-block-start: calc(calc(-46.5909vw + 479.09px) - 1px); inline-size: calc(244.1px + 2px); block-size: calc(179px + 2.37px); }
		.rfa-quote--1 .rfa-quote__txt { inset-inline-start: calc(19px + 1px); inset-block-start: calc(49px + 1px); inline-size: 214px; }
		.rfa-quote--2 { inset-inline-start: calc(calc(21.1932vw + 347.98px) - 1px); inset-block-start: calc(calc(-40.9091vw + 420.91px) - 1px); inline-size: calc(359.1px + 2.37px); block-size: calc(149px + 2px); }
		.rfa-quote--2 .rfa-quote__txt { inset-inline-start: calc(17.7px + 1px); inset-block-start: calc(48px + 1px); inline-size: 241px; }
		.rfa-quote--3 { inset-inline-start: 3px; inset-block-start: calc(-55.1136vw + 1048.36px); inline-size: calc(423px + 2.37px); block-size: calc(241.6px + 4px); }
		.rfa-quote--3 .rfa-quote__txt { inset-inline-start: calc(3.4091vw + 6.09px); inset-block-start: 50.8px; inline-size: 268px; }
		.rfa-quote--4 { inset-inline-start: calc(calc(77.2727vw - 118.27px) - 1px); inset-block-start: calc(calc(-66.4773vw + 1171.73px) - 1px); inline-size: calc(314px + 2px); block-size: calc(154.5px + 2.5px); }
		.rfa-quote--4 .rfa-quote__txt { inset-inline-start: calc(91px + 1px); inset-block-start: calc(48.5px + 1px); inline-size: 197px; }
	}

	@media (768px <= width <= 1024px) {
		.rfa-shape--1 { inset-inline-start: calc(21.875vw + 9px); inset-inline-end: auto; inset-block-start: calc(-23.8281vw + 362px); inline-size: calc(14.8438vw + 18px); block-size: calc(14.4531vw + 21px); }
		.rfa-shape--2 { inset-inline-start: calc(42.9688vw + 35px); inset-inline-end: auto; inset-block-start: calc(-11.3281vw + 379px); inline-size: calc(11.3281vw + 16px); block-size: calc(11.7188vw + 12px); }
		.rfa-shape--3 { inset-inline-start: calc(64.8438vw + 66px); inset-inline-end: auto; inset-block-start: calc(1.1719vw + 394px); inline-size: calc(22.6563vw + 30px); block-size: calc(22.6563vw + 29px); }
		.rfa-shape--4 { inset-inline-start: calc(65.625vw + 67px); inset-inline-end: auto; inset-block-start: calc(-23.8281vw + 362px); inline-size: calc(12.1094vw + 18px); block-size: calc(12.5vw + 14px); }
		.rfa-shape--5 { inset-inline-start: -22px; inset-inline-end: auto; inset-block-start: calc(-13.5547vw + 374.3px); inline-size: calc(21.9922vw + 29.8px); block-size: calc(21.9922vw + 29.8px); }
		.rfa-ic--cta-a { inset-inline-start: calc(90.7422vw - 231.2px); inset-inline-end: auto; inset-block-start: -176px; inline-size: calc(30.7813vw + 78.9px); block-size: calc(30.7813vw + 78.9px); }
		.rfa-ic--cta-b { inset-inline-start: calc(-0.7813vw - 92.4px); inset-inline-end: auto; inset-block-start: calc(-11.7188vw + 68.8px); inline-size: calc(32.0313vw + 81.8px); block-size: calc(32.0313vw + 81.8px); }
		.rfa-ic--price { inset-inline-start: calc(calc(69.9219vw - 12px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: calc(-20.3125vw + 48px); inline-size: calc(23.4375vw + 60px); block-size: calc(23.4375vw + 60px); }
		.rfa-ic--feedback { inset-inline-start: calc(-25px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: calc(-21.6797vw + 28.4px); inline-size: calc(28.7109vw + 73.4px); block-size: calc(28.7109vw + 73.4px); }
		.rfa-ic--faq { inset-inline-start: calc(calc(71.2891vw - 93.6px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -129.4px; inline-size: calc(28.7109vw + 73.4px); block-size: calc(28.7109vw + 73.4px); }
		.rfa-hero__photo--big { inset-inline-start: calc(211.3281vw - 1600px); inset-inline-end: auto; inset-block-start: calc(-70.7031vw + 854px); inline-size: calc(28.9063vw + 144px); block-size: calc(28.9063vw + 144px); }
		.rfa-hero__photo--md { inset-inline-start: calc(-47.6563vw + 781px); inset-inline-end: auto; inset-block-start: calc(-138.2813vw + 1525px); inline-size: calc(-12.5vw + 288px); block-size: calc(-12.5vw + 288px); }
		.rfa-hero__photo--sm { inset-inline-start: calc(-34.375vw + 835px); inset-inline-end: auto; inset-block-start: calc(-60.5469vw + 764px); inline-size: calc(-15.2344vw + 256px); block-size: calc(-15.2344vw + 256px); }
		.rfa-hero { min-block-size: calc(-35.1563vw + 970px); }
		.rfa-cloud { margin-inline-start: 17px; inline-size: calc(100.7813vw - 43px); min-block-size: calc(-85.5469vw + 1659px); }
		.rfa-cloud__txt { inset-inline-start: 3px; inset-block-start: calc(-46.875vw + 672px); inline-size: calc(100vw - 40px); block-size: calc(6.25vw + 268px); }
		.rfa-cloud__photo--1 { inset-inline-start: calc(117.1875vw - 617px); inset-block-start: calc(-85.5469vw + 1515px); inline-size: 120px; block-size: 144px; }
		.rfa-cloud__photo--2 { inset-inline-start: 3px; inset-block-start: calc(-37.8906vw + 465px); inline-size: 120px; block-size: 156px; }
		.rfa-cloud__photo--3 { inset-inline-start: calc(100vw - 177px); inset-block-start: calc(-3.9063vw + 185px); inline-size: 140px; block-size: 93px; }
		.rfa-cloud__photo--4 { inset-inline-start: 440px; inset-block-start: calc(-46.875vw + 975px); inline-size: 120px; block-size: 160px; }
		.rfa-cloud__photo--5 { inset-inline-start: calc(13.2813vw + 274px); inset-block-start: calc(-41.7969vw + 550px); inline-size: 150px; block-size: 100px; }
		.rfa-quote--1 { inset-inline-start: calc(calc(-1.9531vw + 147px) - 1px); inset-block-start: calc(calc(-36.3281vw + 374px) - 1px); inline-size: calc(244.1px + 2px); block-size: calc(179px + 2.37px); }
		.rfa-quote--1 .rfa-quote__txt { inset-inline-start: calc(19px + 1px); inset-block-start: calc(49px + 1px); inline-size: 214px; }
		.rfa-quote--2 { inset-inline-start: calc(calc(83.5938vw - 291px) - 1px); inset-block-start: calc(2px - 1px); inline-size: calc(359.1px + 2.37px); block-size: calc(149px + 2px); }
		.rfa-quote--2 .rfa-quote__txt { inset-inline-start: calc(17.7px + 1px); inset-block-start: calc(48px + 1px); inline-size: 241px; }
		.rfa-quote--3 { inset-inline-start: 3px; inset-block-start: calc(-46.875vw + 964px); inline-size: calc(423px + 2.37px); block-size: calc(241.6px + 4px); }
		.rfa-quote--3 .rfa-quote__txt { inset-inline-start: 41px; inset-block-start: 50.8px; inline-size: 268px; }
		.rfa-quote--4 { inset-inline-start: calc(calc(101.5625vw - 367px) - 1px); inset-block-start: calc(calc(-113.2813vw + 1651px) - 1px); inline-size: calc(314px + 2px); block-size: calc(154.5px + 2.5px); }
		.rfa-quote--4 .rfa-quote__txt { inset-inline-start: calc(91px + 1px); inset-block-start: calc(48.5px + 1px); inline-size: 197px; }
	}

	@media (480px <= width <= 768px) {
		.rfa-shape--1 { inset-inline-start: calc(26.0417vw - 23px); inset-inline-end: auto; inset-block-start: calc(-50.6944vw + 568.33px); inline-size: calc(17.3611vw - 1.33px); block-size: calc(17.3611vw - 1.33px); }
		.rfa-shape--2 { inset-inline-start: calc(50.6944vw - 24.33px); inset-inline-end: auto; inset-block-start: calc(-35.7639vw + 566.67px); inline-size: calc(13.8889vw - 3.67px); block-size: calc(13.1944vw + 0.67px); }
		.rfa-shape--3 { inset-inline-start: calc(76.7361vw - 25.33px); inset-inline-end: auto; inset-block-start: calc(-21.1806vw + 565.67px); inline-size: calc(27.0833vw - 4px); block-size: calc(26.7361vw - 2.33px); }
		.rfa-shape--4 { inset-inline-start: calc(77.7778vw - 26.33px); inset-inline-end: auto; inset-block-start: calc(-50.6944vw + 568.33px); inline-size: calc(14.9306vw - 3.67px); block-size: calc(14.5833vw - 2px); }
		.rfa-shape--5 { inset-inline-start: -22px; inset-inline-end: auto; inset-block-start: calc(-38.6458vw + 567px); inline-size: calc(26.1111vw - 1.83px); block-size: calc(26.1111vw - 1.83px); }
		.rfa-ic--cta-a { inset-inline-start: calc(63.7847vw - 24.17px); inset-inline-end: auto; inset-block-start: calc(1.7361vw - 189.33px); inline-size: calc(18.2639vw + 175.03px); block-size: calc(18.2639vw + 175.03px); }
		.rfa-ic--cta-b { inset-inline-start: calc(3.4722vw - 125.07px); inset-inline-end: auto; inset-block-start: calc(-6.9444vw + 32.13px); inline-size: calc(18.9583vw + 182.2px); block-size: calc(18.9583vw + 182.2px); }
		.rfa-ic--price { inset-inline-start: calc(calc(65.9722vw + 18.33px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: calc(-16.3194vw + 17.33px); inline-size: calc(13.8889vw + 133.33px); block-size: calc(13.8889vw + 133.33px); }
		.rfa-ic--feedback { inset-inline-start: calc(calc(6.9444vw - 78.33px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: calc(-18.4375vw + 3.5px); inline-size: calc(17.0139vw + 163.23px); block-size: calc(17.0139vw + 163.23px); }
		.rfa-ic--faq { inset-inline-start: calc(calc(68.6458vw - 73.3px) - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: calc(-38.1944vw + 163.93px); inline-size: calc(17.0139vw + 163.23px); block-size: calc(17.0139vw + 163.23px); }
		.rfa-hero__photo--big { inset-inline-start: calc(4.5139vw - 11.67px); inset-inline-end: auto; inset-block-start: calc(-36.4583vw + 591px); inline-size: calc(31.9444vw + 120.67px); block-size: calc(31.9444vw + 120.67px); }
		.rfa-hero__photo--md { inset-inline-start: calc(45.4861vw + 65.67px); inset-inline-end: auto; inset-block-start: calc(39.2361vw + 161.67px); inline-size: calc(11.1111vw + 106.67px); block-size: calc(11.1111vw + 106.67px); }
		.rfa-hero__photo--sm { inset-inline-start: calc(82.6389vw - 63.67px); inset-inline-end: auto; inset-block-start: calc(-88.1944vw + 976.33px); inline-size: calc(0.6944vw + 133.67px); block-size: calc(0.6944vw + 133.67px); }
		.rfa-hero { min-block-size: 700px; }
		.rfa-cloud { margin-inline-start: calc(2.7778vw - 4.33px); inline-size: calc(93.75vw + 11px); min-block-size: calc(-35.7639vw + 1276.67px); }
		.rfa-cloud__txt { inset-inline-start: calc(0.6944vw - 2.33px); inset-block-start: calc(-10.7639vw + 394.67px); inline-size: calc(93.0556vw + 13.33px); block-size: calc(-9.7222vw + 390.67px); }
		.rfa-cloud__photo--1 { inset-inline-start: calc(83.3333vw - 357px); inset-block-start: calc(-35.7639vw + 1132.67px); inline-size: 120px; block-size: 144px; }
		.rfa-cloud__photo--2 { inset-inline-start: 3px; inset-block-start: calc(-17.7083vw + 310px); inline-size: calc(13.8889vw + 13.33px); block-size: calc(18.0556vw + 17.33px); }
		.rfa-cloud__photo--3 { inset-inline-start: calc(87.1528vw - 78.33px); inset-block-start: calc(13.1944vw + 53.67px); inline-size: calc(6.9444vw + 86.67px); block-size: calc(4.5139vw + 58.33px); }
		.rfa-cloud__photo--4 { inset-inline-start: calc(27.4306vw + 229.33px); inset-block-start: calc(-37.8472vw + 905.67px); inline-size: calc(6.9444vw + 66.67px); block-size: calc(9.375vw + 88px); }
		.rfa-cloud__photo--5 { inset-inline-start: calc(34.7222vw + 109.33px); inset-block-start: calc(-4.1667vw + 261px); inline-size: calc(10.4167vw + 70px); block-size: calc(6.9444vw + 46.67px); }
		.rfa-quote--1 { inset-inline-start: calc(calc(15.6944vw + 11.47px) - 1px); inset-block-start: calc(calc(-10.7639vw + 177.67px) - 1px); inline-size: calc(calc(15.1736vw + 127.57px) + 2px); block-size: calc(calc(11.1111vw + 93.67px) + 2.37px); }
		.rfa-quote--1 .rfa-quote__txt { inset-inline-start: calc(calc(-3.8889vw + 48.87px) + 1px); inset-block-start: calc(calc(5.9028vw + 3.67px) + 1px); inline-size: calc(25.6944vw + 16.67px); }
		.rfa-quote--2 { inset-inline-start: calc(calc(80.9028vw - 270.33px) - 1px); inset-block-start: calc(2px - 1px); inline-size: calc(calc(28.1597vw + 142.83px) + 2.37px); block-size: calc(calc(11.7014vw + 59.13px) + 2px); }
		.rfa-quote--2 .rfa-quote__txt { inset-inline-start: calc(calc(-0.1042vw + 18.5px) + 1px); inset-block-start: calc(calc(5.8333vw + 3.2px) + 1px); inline-size: calc(17.3611vw + 107.67px); }
		.rfa-quote--3 { inset-inline-start: 3px; inset-block-start: calc(-37.2569vw + 890.13px); inline-size: calc(calc(27.7778vw + 209.67px) + 2.37px); block-size: calc(calc(15.8681vw + 119.73px) + 4px); }
		.rfa-quote--3 .rfa-quote__txt { inset-inline-start: calc(3.125vw + 17px); inset-block-start: calc(4.0625vw + 19.6px); inline-size: calc(18.0556vw + 129.33px); }
		.rfa-quote--4 { inset-inline-start: calc(calc(78.4722vw - 189.67px) - 1px); inset-block-start: calc(calc(-39.5833vw + 1085px) - 1px); inline-size: calc(calc(16.5972vw + 186.53px) + 2px); block-size: calc(calc(8.1597vw + 91.83px) + 2.5px); }
		.rfa-quote--4 .rfa-quote__txt { inset-inline-start: calc(calc(8.2986vw + 27.27px) + 1px); inset-block-start: calc(48.5px + 1px); inline-size: 197px; }
	}

	/* Уже 480 макета нет: числа замирают на значениях самого узкого кадра. */
	@media (width < 480px) {
		.rfa-shape--1 { inset-inline-start: 102px; inset-inline-end: auto; inset-block-start: 325px; inline-size: 82px; block-size: 82px; }
		.rfa-shape--2 { inset-inline-start: 219px; inset-inline-end: auto; inset-block-start: 395px; inline-size: 63px; block-size: 64px; }
		.rfa-shape--3 { inset-inline-start: 343px; inset-inline-end: auto; inset-block-start: 464px; inline-size: 126px; block-size: 126px; }
		.rfa-shape--4 { inset-inline-start: 347px; inset-inline-end: auto; inset-block-start: 325px; inline-size: 68px; block-size: 68px; }
		.rfa-shape--5 { inset-inline-start: -22px; inset-inline-end: auto; inset-block-start: 381.5px; inline-size: 123.5px; block-size: 123.5px; }
		.rfa-ic--cta-a { inset-inline-start: 282px; inset-inline-end: auto; inset-block-start: -181px; inline-size: 262.7px; block-size: 262.7px; }
		.rfa-ic--cta-b { inset-inline-start: -108.4px; inset-inline-end: auto; inset-block-start: -1.2px; inline-size: 273.2px; block-size: 273.2px; }
		.rfa-ic--price { inset-inline-start: calc(335px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -61px; inline-size: 200px; block-size: 200px; }
		.rfa-ic--feedback { inset-inline-start: calc(-45px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -85px; inline-size: 244.9px; block-size: 244.9px; }
		.rfa-ic--faq { inset-inline-start: calc(256.2px - var(--rfa-pad)); inset-inline-end: auto; inset-block-start: -19.4px; inline-size: 244.9px; block-size: 244.9px; }
		.rfa-hero__photo--big { inset-inline-start: 10px; inset-inline-end: auto; inset-block-start: 416px; inline-size: 274px; block-size: 274px; }
		.rfa-hero__photo--md { inset-inline-start: 284px; inset-inline-end: auto; inset-block-start: 350px; inline-size: 160px; block-size: 160px; }
		.rfa-hero__photo--sm { inset-inline-start: 333px; inset-inline-end: auto; inset-block-start: 553px; inline-size: 137px; block-size: 137px; }
		.rfa-hero { min-block-size: 700px; }
		.rfa-cloud { margin-inline-start: 9px; inline-size: 461px; min-block-size: 1105px; }
		.rfa-cloud__txt { inset-inline-start: 1px; inset-block-start: 343px; inline-size: 460px; block-size: 344px; }
		.rfa-cloud__photo--1 { inset-inline-start: 43px; inset-block-start: 961px; inline-size: 120px; block-size: 144px; }
		.rfa-cloud__photo--2 { inset-inline-start: 3px; inset-block-start: 225px; inline-size: 80px; block-size: 104px; }
		.rfa-cloud__photo--3 { inset-inline-start: 340px; inset-block-start: 117px; inline-size: 120px; block-size: 80px; }
		.rfa-cloud__photo--4 { inset-inline-start: 361px; inset-block-start: 724px; inline-size: 100px; block-size: 133px; }
		.rfa-cloud__photo--5 { inset-inline-start: 276px; inset-block-start: 241px; inline-size: 120px; block-size: 80px; }
		.rfa-quote--1 { inset-inline-start: calc(86.8px - 1px); inset-block-start: calc(126px - 1px); inline-size: calc(200.4px + 2px); block-size: calc(147px + 2.37px); }
		.rfa-quote--1 .rfa-quote__txt { inset-inline-start: calc(30.2px + 1px); inset-block-start: calc(32px + 1px); inline-size: 140px; }
		.rfa-quote--2 { inset-inline-start: calc(118px - 1px); inset-block-start: calc(2px - 1px); inline-size: calc(278px + 2.37px); block-size: calc(115.3px + 2px); }
		.rfa-quote--2 .rfa-quote__txt { inset-inline-start: calc(18px + 1px); inset-block-start: calc(31.2px + 1px); inline-size: 191px; }
		.rfa-quote--3 { inset-inline-start: 3px; inset-block-start: 711.3px; inline-size: calc(343px + 2.37px); block-size: calc(195.9px + 4px); }
		.rfa-quote--3 .rfa-quote__txt { inset-inline-start: 32px; inset-block-start: 39.1px; inline-size: 216px; }
		.rfa-quote--4 { inset-inline-start: calc(187px - 1px); inset-block-start: calc(895px - 1px); inline-size: calc(266.2px + 2px); block-size: calc(131px + 2.5px); }
		.rfa-quote--4 .rfa-quote__txt { inset-inline-start: calc(67.1px + 1px); inset-block-start: calc(48.5px + 1px); inline-size: 197px; }
	}
	/* ==== КОНЕЦ собранного блока ==== */

	/* Раздел с выносками собран точными координатами, а самый узкий кадр макета 480. Ниже край окна режет
	   заголовок, поэтому уменьшаем раздел целиком по ширине окна. */
	@media (width < 480px) {
		.rfa-cloud { zoom: calc(100vw / 480px); }
	}



}

/* Форма записи ============================================================== */

/* Поля выводит WS Form. Его стили лежат ВНЕ слоёв и бьют весь styl.blocks
   независимо от веса селектора, поэтому правила формы тоже вне слоя: тот же
   приём, что в теме у .rkids-ws-form-wrapper.

   Внешность задаём его переменными, а не перебиванием его правил: так правки
   переживают обновление плагина. Своим остаётся только сетка, потому что пороги
   перестроений у макета свои и с порогами плагина не совпадают. */

.rfa-form .wsf-form {
	--wsf-form-font-family: var(--font-body, "Cygre", sans-serif);
	--wsf-form-font-size: var(--rfa-txt);
	--wsf-form-line-height: 1.2;
	/* Этой переменной он разводит поля отбивкой снизу, а зазор задаёт наша сетка. */
	--wsf-form-grid-gap: 0;

	--wsf-field-label-color: #fff;
	--wsf-field-label-font-size: var(--rfa-txt);
	--wsf-field-label-font-weight: 400;
	--wsf-field-label-gap: 1rem;

	/* Поле белое на белом ободке: ободок не виден у полей и служит кружку ответа. */
	--wsf-field-color-background: #fff;
	--wsf-field-color: var(--color-gray-3, #565d62);
	--wsf-field-border-width: 1px;
	--wsf-field-border-color: #fff;
	--wsf-field-border-radius: 1rem;
	--wsf-field-padding-vertical: 0.9rem;
	--wsf-field-padding-horizontal: 1rem;
	/* Ободок белый во всех состояниях: он же служит кружку ответа, и тёмный
	   в фокусе давал чёрное кольцо вокруг выбранного кружка. Где человек сейчас
	   печатает, показывает отдельная обводка ниже, она кружков не касается. */
	--wsf-field-border-color-hover: #fff;
	--wsf-field-border-color-focus: #fff;
	--wsf-field-border-color-invalid: #fff;
	--wsf-field-color-background-invalid: #fff;

	/* Красным по оранжевому не читается, а белым сливается с подписями полей.
	   Берём тёмный сайта, как у кнопки и обводки. Одной переменной он красит
	   звёздочку обязательного поля, второй сам текст ошибки. */
	--wsf-form-color-danger: var(--color-black, #17222b);
	--wsf-field-invalid-feedback-color: var(--color-black, #17222b);
	--wsf-field-invalid-feedback-font-size: var(--rfa-small);
	/* Его подсветка фокуса синяя и на оранжевой карточке смотрится чужой. */
	--wsf-field-box-shadow: none;

	/* Кружок ответа: 32 в макете, пустой ободок, белая точка при выборе. */
	--wsf-field-radio-size: 3.2rem;
	--wsf-field-radio-color-background: transparent;
	--wsf-field-radio-checked-color: #fff;
	--wsf-field-radio-checked-circle-color-background: #fff;

	/* Состояния задаём все: без них при наведении и нажатии кнопка синеет
	   собственным цветом плагина. Макет их не рисует, берём чуть светлее чёрного. */
	--wsf-field-button-color-background: var(--color-black, #17222b);
	--wsf-field-button-primary-color-background: var(--color-black, #17222b);
	--wsf-field-button-color-background-hover: #24323d;
	--wsf-field-button-color-background-focus: #24323d;
	--wsf-field-button-primary-color-background-hover: #24323d;
	--wsf-field-button-primary-color-background-focus: #24323d;
	--wsf-field-button-color-hover: #fff;
	--wsf-field-button-color-focus: #fff;
	--wsf-field-button-primary-color-hover: #fff;
	--wsf-field-button-primary-color-focus: #fff;
	--wsf-field-button-color: #fff;
	--wsf-field-button-border-width: 0;
	--wsf-field-button-border-radius: 6rem;
	--wsf-field-button-font-family: var(--font-display, "Coolvetica", sans-serif);
	--wsf-field-button-font-size: var(--rfa-form-btn);
}

/* Высоты поля комментария и кнопки переменных не имеют, поэтому числом. Вес
   селектора на класс выше, чем у правил плагина: иначе его height: auto и
   отбивки кнопки стоят ниже по файлу и побеждают при равном весе. */
.rfa-form .wsf-fields textarea.rfa-input--tall {
	block-size: 8rem;
	min-block-size: 0;
	resize: vertical;
}

.rfa-form .wsf-fields button.rfa-btn {
	block-size: 6.9rem;
	padding-block: 0;
}

/* Обёртки формы убираем из потока, чтобы поля стали ячейками сетки карточки. */
.rfa-form .wsf-form,
.rfa-form .wsf-sections,
.rfa-form .wsf-section {
	display: contents;
}

/* Шесть колонок: пара имя и почта берёт по три, остальные все шесть. При 1600
   три коротких вопроса берут по две, и ряд делится на равные трети. */
.rfa-form .wsf-fields {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 1.5rem;
}

.rfa-form .wsf-fields > * {
	grid-column: span 6;
}

.rfa-form .wsf-fields > :nth-child(-n+2) {
	grid-column: span 3;
}

/* Стрелку списка WS Form рисует отдельным значком ПОВЕРХ поля, а не фоном селекта, и своей отбивки в 10
   не хватает: у длинной строки последние буквы уезжали под стрелку. Оставляем справа место под неё.
   Многоточие тут не поставить: у списка браузер держит свою обрезку и подменить её нечем. */
.rfa-form .wsf-fields select.wsf-field.rfa-input {
	padding-inline-end: 3.2rem;
}

/* Своя метка фокуса вместо снятой. У полей ввода именно :focus, а не
   :focus-visible: после пустой отправки плагин сам переводит курсор в первое
   незаполненное поле, и на такой перевод :focus-visible не срабатывает. */
.rfa-form .wsf-fields .wsf-field.rfa-input:focus {
	outline: 2px solid var(--color-black, #17222b);
	outline-offset: 2px;
}

/* У кружка и кнопки метка только для тех, кто ходит с клавиатуры: по щелчку
   мышью обводка вокруг кружка выглядит грубо, а в макете её нет. */
.rfa-form .wsf-fields .wsf-field.rfa-radio:focus-visible,
.rfa-form .wsf-fields .wsf-button.rfa-btn:focus-visible {
	outline: 2px solid var(--color-black, #17222b);
	outline-offset: 2px;
}

/* Ряд ответов в макете не переносится, ширина кружка своя. minmax даёт ровно
   макет на нарисованной ширине и сжатие вместо переноса между ними. */
.rfa-form .rfa-field > .wsf-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 18.2rem));
	justify-content: start;
	align-items: start;
	gap: 1rem 2rem;
}

.rfa-form .rfa-field > .wsf-grid:has(> :nth-child(4)) {
	grid-template-columns: repeat(4, minmax(0, 19.3rem));
}

/* До кнопки в макете 40: 15 даёт зазор сетки, остальное отбивкой. */
.rfa-form .rfa-submit {
	margin-block-start: 2.5rem;
}

/* Только при 1600 три коротких вопроса стоят одним рядом: это отдельно нарисованный кадр. */
@media (1400px < width <= 1600px) {
	.rfa-form .wsf-fields > :nth-child(n+5):nth-child(-n+7) {
		grid-column: span 2;
	}

	/* В колонке ответы стоят столбиком, по одному в строке. */
	.rfa-form .wsf-fields > :nth-child(n+5):nth-child(-n+7) > .wsf-grid,
	.rfa-form .wsf-fields > :nth-child(n+5):nth-child(-n+7) > .wsf-grid:has(> :nth-child(4)) {
		grid-template-columns: minmax(0, 18.2rem);
	}
}

/* Зазор между кружками: 20 при 1920 и 10 на всех остальных ширинах. Уже 1600
   карточка узкая, и в макете четыре кружка растянуты на два ряда поровну. */
@media (width <= 1600px) {
	.rfa-form .rfa-field > .wsf-grid {
		gap: 1rem;
	}

	.rfa-form .rfa-field > .wsf-grid:has(> :nth-child(4)) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (width <= 1400px) {
	.rfa-form .rfa-submit { margin-block-start: 1.7rem; }
	.rfa-form .wsf-fields textarea.rfa-input--tall { block-size: 8.2rem; }

	.rfa-form .rfa-field > .wsf-grid:has(> :nth-child(4)) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (width <= 900px) {
	.rfa-form .wsf-fields textarea.rfa-input--tall { block-size: 8.5rem; }
	.rfa-form .wsf-fields button.rfa-btn { block-size: 6.4rem; }
}

@media (width <= 600px) {
	.rfa-form .wsf-fields > :nth-child(-n+2) { grid-column: span 6; }

	.rfa-form .rfa-field > .wsf-grid {
		grid-template-columns: repeat(3, minmax(0, 13.3rem));
	}

	.rfa-form .rfa-field > .wsf-grid:has(> :nth-child(4)) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Полоса между кадрами 768 и 1024 -------------------------------------------

   Кадры 768 и 1024 нарисованы РАЗНОЙ композицией: при 768 текст стоит по центру сверху, а фотографии под ним,
   при 1024 текст слева внизу, а фотографии справа. Прямая между двумя разными композициями смысла не имеет:
   большой кружок ехал по диагонали через текст и наезжал на кнопку. Пока держится верхняя композиция, держим
   и её украшения: числа кадра 768 заморожены и переведены в доли окна, поэтому вся картина просто растёт
   вместе с окном. Тот же приём, что у облака ниже 480.

   Блок стоит В КОНЦЕ файла: собранные блоки украшений лежат выше, и при равной силе побеждает то, что ниже. */
@media (768px < width <= 900px) {
	.rfa-hero__photo--big { inset-inline-start: 2.9948vw; inset-inline-end: auto; inset-block-start: 40.4948vw; inline-size: 47.6563vw; block-size: 47.6563vw; }
	.rfa-hero__photo--md { inset-inline-start: 54.0365vw; inset-inline-end: auto; inset-block-start: 60.2865vw; inline-size: 25vw; block-size: 25vw; }
	.rfa-hero__photo--sm { inset-inline-start: 74.349vw; inset-inline-end: auto; inset-block-start: 38.9323vw; inline-size: 18.099vw; block-size: 18.099vw; }
	.rfa-shape--1 { inset-inline-start: 23.0469vw; inset-inline-end: auto; inset-block-start: 23.3073vw; inline-size: 17.1875vw; block-size: 17.1875vw; }
	.rfa-shape--2 { inset-inline-start: 47.526vw; inset-inline-end: auto; inset-block-start: 38.0208vw; inline-size: 13.4115vw; block-size: 13.2813vw; }
	.rfa-shape--3 { inset-inline-start: 73.4375vw; inset-inline-end: auto; inset-block-start: 52.474vw; inline-size: 26.5625vw; block-size: 26.4323vw; }
	.rfa-shape--4 { inset-inline-start: 74.349vw; inset-inline-end: auto; inset-block-start: 23.3073vw; inline-size: 14.4531vw; block-size: 14.3229vw; }
	.rfa-shape--5 { inset-inline-start: -2.8646vw; inset-inline-end: auto; inset-block-start: 35.1563vw; inline-size: 25.9115vw; block-size: 25.9115vw; }

	/* Высота баннера кадра 768, теми же долями: иначе нижняя фотография срезается краем баннера. */
	.rfa-hero { min-block-size: 91.1458vw; }
}

/* КОНЕЦ блока страницы Russian for Adults */


/* НАЧАЛО блока страницы About Us, студия СТЕК. Не править руками: файл-источник rukidsclub-pages/about-us.css */
/* Страница About Us: блок дописывается в конец style.css дочерней темы между метками, править здесь.
   Корневой шрифт 10px, поэтому 2rem это 20px макета; ступени кеглей и пороги перестроений в памяти проекта. */

@layer styl.blocks {

	/* Шапка сайта на этой странице ---------------------------------------- */

	/* Первый блок страницы белый, поэтому надписи шапки тёмные. Привязка через :has() к метке страницы:
	   не зависит от номера страницы. */
	body:has(.au-page) #brx-header {
		--surface-color: var(--color-black);
		--surface-link-color: var(--color-black);
		--surface-link-hover-color: var(--color-orange);
		background: var(--color-white);
	}

	/* Значки шапки нарисованы белым, на белом фоне красим их в чёрное. */
	body:has(.au-page) #brx-header .site-header__actions img,
	body:has(.au-page) #brx-header .site-header__nav img {
		filter: brightness(0);
	}

	body:has(.au-page) #brx-header .site-header__lang {
		outline: 1px solid var(--color-black);
	}

	/* Выбранный язык на белой шапке сливался с фоном: пилюля белая и фон белый.
	   Меняем местами, как в макете, тёмный овал и белая надпись. */
	body:has(.au-page) #brx-header .site-header__lang .site-header__lang-link--active {
		background: var(--color-black);
		color: var(--color-white);
		border-color: var(--color-black);
	}

	/* Третья версия логотипа, полностью цветная: в шапке лежит вариант для оранжевого фона. */
	body:has(.au-page) #brx-header .site-header__logo img {
		content: url("/wp-content/uploads/2026/03/Logo-8.png");
	}

	/* Место под прилипающую шапку: на других страницах его даёт оранжевый баннер. */
	body:has(.au-page) #brx-content {
		padding-block-start: 14.1rem;
	}

	@media (width <= 767px) {
		body:has(.au-page) #brx-content { padding-block-start: 9rem; }
	}

	/* Основа страницы ------------------------------------------------------ */

	/* Письмо и рисунки разделов заходят за края колонки, без запрета страница прокручивается вбок. */
	.au-page {
		--au-h1: 8.2rem;
		--au-h2: 6.4rem;
		--au-h3: 3.2rem;
		--au-txt: 2rem;
		--au-btn: 2rem;
		--au-pad: 4rem;
		--au-sec: 16rem;
		--au-gap: 4rem;
		--au-title-gap: 6rem;
		--au-p-sep: 1rem;
		--au-letter-pad: 8rem;
		--au-letter-h3: 4.8rem;
		--au-letter-lh: 1.2;
		--au-letter-txt: 2.4rem;
		--au-card-pad: 4rem;
		--au-sign: 3.2rem;
		--au-letter-angle: 295deg;

		inline-size: 100vw;
		max-inline-size: none;
		margin-inline: calc(50% - 50vw);
		overflow-x: clip;
		font-family: var(--font-body, "Cygre", sans-serif);
		color: var(--color-black, #17222b);
	}

	@media (width <= 1600px) {
		.au-page {
			--au-h1: 6.4rem;
			--au-h2: 5.2rem;
			--au-h3: 2.8rem;
			--au-sec: 12rem;
			--au-p-sep: 0.6rem;
			--au-letter-pad: 6rem;
			--au-letter-h3: 3.6rem;
			--au-card-pad: 3rem;
			--au-sign: 2.8rem;
			--au-letter-angle: 297deg;
		}
	}

	@media (width <= 1400px) {
		.au-page {
			--au-h1: 4.8rem;
			--au-h2: 4.2rem;
			--au-h3: 2.4rem;
			--au-txt: 1.8rem;
			--au-gap: 3.2rem;
			--au-title-gap: 4rem;
			--au-letter-h3: 3.2rem;
			--au-letter-txt: 2rem;
			--au-sign: 2.4rem;
			--au-letter-angle: 301deg;
		}
	}

	/* Между нарисованными ширинами кегль заголовка идёт прямой, а не ступенью: ступень держит его до самого
	   порога, и на промежуточных ширинах строка не совпадает с макетом. */
	@media (1400px < width <= 1600px) {
		.au-page { --au-h1: calc(8vw - 6.4rem); }
	}

	@media (1600px < width <= 1920px) {
		.au-page { --au-h1: calc(5.625vw - 2.6rem); }
	}

	@media (width <= 1024px) {
		.au-page {
			--au-h1: 4.4rem;
			--au-h2: 3.6rem;
			--au-btn: 1.8rem;
			--au-pad: 2rem;
			--au-title-gap: 3.2rem;
			--au-letter-h3: 2.8rem;
			--au-letter-lh: 1;
			--au-letter-angle: 304deg;
		}
	}

	@media (width <= 900px) {
		.au-page {
			--au-txt: 1.6rem;
			--au-sec: 8rem;
			--au-letter-pad: 4rem;
			--au-letter-angle: 312deg;
		}
	}

	@media (width <= 600px) {
		.au-page {
			--au-h1: 3.8rem;
			--au-h2: 3.2rem;
			--au-h3: 1.8rem;
			--au-pad: 1rem;
			--au-letter-angle: 328deg;
		}
	}

	/* Контейнер темы даёт 20px по краям, добавляем недостающее до макетных полей. */
	.au-section {
		padding-inline: var(--au-pad);
	}

	/* Шире 1920 макета нет: содержимое держит колонка 1840 по центру, иначе разделы уходят к краям. */
	@media (width > 1920px) {
		.au-section {
			max-inline-size: 192rem;
			margin-inline: auto;
		}
	}

	.au-page > * + * {
		margin-block-start: var(--au-sec);
	}

	/* Заголовок раздела ---------------------------------------------------- */

	/* Общий стиль темы задаёт заголовкам свой регистр и кегль. Строку обрезаем по высоте букв: иначе блок выше
	   макетного и содержимое раздела уезжает вниз. */
	.au-head {
		display: grid;
		justify-items: center;
		gap: 1rem;
		margin-block-end: var(--au-gap);
		text-align: center;
	}

	/* У вопросов подпись отбита от заголовка на 20 только при 1920, уже — на 10. */
	@media (width > 1600px) {
		.au-faq .au-head { gap: 2rem; }
	}

	.au-head__title,
	.au-title {
		margin: 0;
		max-inline-size: none;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-weight: 400;
		line-height: 1;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		text-transform: uppercase;
		color: var(--color-black, #17222b);
	}

	.au-head__title { font-size: var(--au-h2); }

	.au-head__sub {
		margin: 0;
		max-inline-size: 100rem;
		font-size: var(--au-txt);
		line-height: 1.2;
		color: var(--color-gray-3, #565d62);
	}

	/* Рассказ о клубе ------------------------------------------------------ */

	.au-title {
		font-size: var(--au-h1);
		text-align: center;
		margin-block-end: var(--au-title-gap);
	}

	/* Ниже 1400 в макете мозаика и текст идут не рядом, а вперемешку: два снимка, часть текста, три снимка,
	   остальной текст. Порядок в разметке обычный, места раздаёт сетка. */
	.au-content {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: var(--au-mos-a) auto var(--au-mos-b) var(--au-mos-b) auto;
		gap: 1rem;

		--au-mos-a: 30rem;
		--au-mos-b: 29.5rem;
	}

	.au-imgs,
	.au-txt {
		display: contents;
	}

	.au-txt--a { grid-area: 2 / 1 / 3 / 4; }
	.au-txt--b { grid-area: 5 / 1 / 6 / 4; }

	/* Между снимками в макете 10, а до текста и от текста 20. */
	.au-txt--a,
	.au-txt--b { margin-block: 1rem; }

	.au-mos:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.au-mos:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
	.au-mos:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
	.au-mos:nth-child(4) { grid-area: 3 / 2 / 5 / 4; }
	.au-mos:nth-child(5) { grid-area: 4 / 1 / 5 / 2; }

	.au-mos {
		inline-size: 100%;
		block-size: 100%;
		object-fit: cover;
	}

	.au-txt--a,
	.au-txt--b {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		font-size: var(--au-txt);
		line-height: 1.2;
	}

	/* Кегль ставим самим абзацам: тема задаёт свой размер тексту внутри блока, и наследование до них не доходит. */
	.au-txt p,
	.au-points li {
		margin: 0;
		font-size: var(--au-txt);
	}

	/* Абзацы отбиты на 20, а связанные пары строк — на 10. */
	.au-p--sep:not(:first-child) { margin-block-start: var(--au-p-sep); }

	.au-points {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.au-points li {
		display: flex;
		align-items: center;
		gap: 1rem;
		min-block-size: 2.4rem;
	}

	.au-points li::before {
		content: "";
		flex: 0 0 2.4rem;
		block-size: 2.4rem;
		background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%2212%22%20fill%3D%22%23F4F4F4%22%2F%3E%20%3Cpath%20d%3D%22M17.1447%208.14352L10.2358%2014.8822C10.1893%2014.9277%2010.1341%2014.9638%2010.0733%2014.9884C10.0126%2015.0131%209.94738%2015.0257%209.88156%2015.0257C9.81574%2015.0257%209.75056%2015.0131%209.68978%2014.9884C9.62899%2014.9638%209.57379%2014.9277%209.52734%2014.8822L6.85557%2012.2736C6.80912%2012.2282%206.75392%2012.1921%206.69313%2012.1674C6.63235%2012.1428%206.56717%2012.1301%206.50135%2012.1301C6.43553%2012.1301%206.37036%2012.1428%206.30957%2012.1674C6.24878%2012.1921%206.19358%2012.2282%206.14713%2012.2736C6.1005%2012.319%206.06349%2012.3728%206.03825%2012.4321C6.013%2012.4914%206%2012.555%206%2012.6192C6%2012.6834%206.013%2012.7469%206.03825%2012.8062C6.06349%2012.8655%206.1005%2012.9194%206.14713%2012.9647L8.8199%2015.5713C9.10185%2015.8458%209.48394%2016%209.88231%2016C10.2807%2016%2010.6628%2015.8458%2010.9447%2015.5713L17.8531%208.83407C17.8997%208.78877%2017.9366%208.73495%2017.9618%208.6757C17.987%208.61645%2018%208.55294%2018%208.48879C18%208.42465%2017.987%208.36113%2017.9618%208.30188C17.9366%208.24263%2017.8997%208.18882%2017.8531%208.14352C17.8067%208.09803%2017.7515%208.06193%2017.6907%208.03731C17.6299%208.01268%2017.5647%208%2017.4989%208C17.4331%208%2017.3679%208.01268%2017.3071%208.03731C17.2463%208.06193%2017.1911%208.09803%2017.1447%208.14352Z%22%20fill%3D%22%23E68E02%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center / 100% 100%;
	}

	/* Высота рядов мозаики снята с макета и тянется прямой между нарисованными ширинами. */
	@media (768px < width <= 1024px) {
		.au-content { --au-mos-b: calc(39.0625vw - 10.5rem); }
	}

	@media (width <= 768px) {
		.au-content {
			--au-mos-a: calc(20.8333vw + 14rem);
			--au-mos-b: calc(17.3611vw + 6.17rem);
		}
	}

	/* С 1400 мозаика стоит слева одним куском, текст справа: ряды снимков в макете равны по высоте. */
	@media (width > 1400px) {
		.au-content {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-template-rows: none;
			column-gap: 2rem;
			row-gap: 0;
		}

		.au-imgs {
			display: grid;
			grid-area: 1 / 1;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-template-rows: repeat(3, minmax(0, 1fr));
			gap: 1rem;
		}

		.au-txt {
			display: flex;
			flex-direction: column;
			grid-area: 1 / 2;
			gap: 1rem;
		}

		/* Мозаика в макете ровно по высоте текста, поэтому своей высоты у неё нет: ряд считается по тексту,
		   а она растягивается на готовое. */
		.au-imgs {
			block-size: 0;
			min-block-size: 100%;
		}

		.au-txt--a { margin-block: 0; }
		.au-txt--b { margin-block: var(--au-p-sep) 0; }

		.au-mos:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
		.au-mos:nth-child(4) { grid-area: 2 / 2 / 4 / 4; }
		.au-mos:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
	}

	/* Письмо основательницы ------------------------------------------------ */

	/* Заливка панели в макете градиентом, а не цветом: плоский средний цвет виден с первого взгляда. */
	/* Угол заливки задан числом, а не словом to top left: слово ведёт линию перпендикулярно соседней диагонали,
	   а в макете она идёт по самой диагонали коробки. Отсюда своё значение на каждой ширине.
	   z-index нужен: без него панель становится не своим слоем, и рисунки с отрицательным слоем уходят под её
	   собственную заливку. */
	.au-letter {
		position: relative;
		z-index: 0;
		overflow: hidden;
		padding: var(--au-letter-pad) 4rem;
		border-radius: 4rem;
		background: linear-gradient(var(--au-letter-angle), #f69d05, #ea5b0c);
	}

	.au-letter .au-head__title { color: var(--color-white, #fff); }

	/* Ниже 600 панель в макете идёт от края до края экрана и без скругления.
	   🔴 Одних отрицательных полей мало: Bricks держит на своих элементах max-width: 100%, и ширина зажимается
	   обратно в колонку. */
	@media (width <= 600px) {
		.au-letter {
			max-inline-size: none;
			margin-inline: calc(-1 * var(--au-pad));
			padding-inline: 2rem;
			border-radius: 0;
		}
	}

	/* Карточка письма: бумага картинкой, поверх неё тёплый цвет режимом «цвет», как в макете. */
	.au-letter__card {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 2rem;
		max-inline-size: 80rem;
		margin-inline: auto;
		padding: var(--au-card-pad);
		border-radius: 2rem;
		background:
			linear-gradient(#f1bf70, #f1bf70),
			url("/wp-content/uploads/2026/08/au-paper.jpg") no-repeat center / cover;
		background-blend-mode: color;
		box-shadow: -0.8rem 0.8rem 0 rgb(255 255 255 / 0.25);
		text-align: center;
	}

	/* Строка обращения обрезана по высоте букв, как заголовки разделов: иначе карточка выше макетной.
	   Предел ширины снимаем: тема режет заголовок по числу знаков, и он встаёт «по центру» не по центру. */
	.au-letter__hi {
		margin: 0;
		max-inline-size: none;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--au-letter-h3);
		font-weight: 400;
		line-height: var(--au-letter-lh);
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		text-transform: none;
		color: var(--color-black, #17222b);
	}

	.au-letter__txt {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		margin: 0;
		font-size: var(--au-letter-txt);
		line-height: 1.2;
		color: var(--color-black, #17222b);
	}

	.au-letter__txt p {
		margin: 0;
		font-size: inherit;
	}

	.au-sign {
		display: grid;
		justify-items: center;
		gap: 0.8rem;
	}

	.au-sign img {
		inline-size: 8rem;
		block-size: 8rem;
		border-radius: 50%;
		object-fit: cover;
	}

	/* Имя основательницы держит кегль 24 и на телефоне, а имя преподавателя в макете там уже 18. */
	.au-sign__name {
		margin: 0;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--au-sign);
		font-weight: 400;
		line-height: 1;
		text-transform: none;
		color: var(--color-black, #17222b);
	}

	/* Имя и должность в макете стоят своей парой с зазором 4. */
	.au-sign__role {
		margin-block-start: -0.4rem;
		margin-inline: 0;
		margin-block-end: 0;
		font-size: var(--au-txt);
		line-height: 1.2;
		color: var(--color-black, #17222b);
	}

	/* Нарисованные от руки стрелки: в макете они есть только с 1200. */
	.au-arrow {
		position: absolute;
		background: no-repeat center / 100% 100%;
		pointer-events: none;
	}

	.au-arrow--l { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22107%22%20height%3D%22227%22%20viewBox%3D%220%200%20107%20227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.8%22%20d%3D%22M91.7811%202.31998C58.3982%20-1.25723%201.14744%2025.8273%202.01326%2065.4238C2.68023%2095.9263%2030.9633%20143.048%2061.4422%20129.653C68.7448%20126.444%2070.6826%20115.465%2068.9458%20108.434C66.1983%2097.3098%2057.4316%2092.4957%2046.2814%2092.5277C26.0263%2092.586%201.56222%20108.477%202.0133%20130.663C2.71921%20165.383%2031.1238%20190.123%2061.6479%20201.769C67.728%20204.088%20115.528%20213.619%2091.7811%20200.039C87.4712%20197.575%2074.2836%20190.706%2078.43%20193.437C85.3049%20197.964%2089.3563%20200.222%2097.5105%20202.397C99.1293%20202.829%20107.905%20203.902%20104.008%20206.71C96.0284%20212.46%2088.5298%20218.798%2080.4059%20224.373%22%20stroke%3D%22white%22%20stroke-width%3D%224.00658%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E"); }
	.au-arrow--r { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22127%22%20height%3D%22302%22%20viewBox%3D%220%200%20127%20302%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.8%22%20d%3D%22M1.99944%202.00131C10.6587%2020.5554%20116.348%2053.5218%2080.9888%2098.1243C71.6702%20106.977%2065.6202%20115.071%2051.8536%20114.423C23.8621%20113.106%2035.5305%2069.5163%2060.9407%2069.7322C111.844%2070.1645%20139.903%20119.751%20116.348%20162.384C105.454%20182.103%2085.1801%20195.663%2062.4549%20197.008C51.7785%20197.64%2036.4951%20193.459%2039.2706%20179.064C45.4472%20147.029%2089.9166%20146.634%20106.184%20171.514C132.374%20211.568%2092.9703%20259.171%2053.0254%20267.114C52.7908%20267.161%2022.9317%20271.831%2025.3755%20267.24C30.2033%20258.17%2060.0044%20245.33%2052.1513%20251.957C44.372%20258.522%2034.4603%20257.852%2025.7776%20260.79C21.742%20262.155%2040.1967%20293.809%2043.0992%20299.999%22%20stroke%3D%22white%22%20stroke-width%3D%224.00159%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E"); }

	@media (width <= 1024px) {
		.au-arrow { display: none; }
	}

	/* Преподаватели -------------------------------------------------------- */

	/* Ряд карточек, поверх него по краям стрелки листания из макета. */
	.au-teachers__cards {
		position: relative;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 2rem;
	}

	/* Ниже 1400 четыре карточки уже не помещаются: ряд становится лентой,
	   и стрелки начинают листать. Стрелку в ленте считаем от раздела,
	   внутри прокрутки она уезжает вместе с карточками. */
	@media (width <= 1400px) {
		.au-teachers { position: relative; }

		.au-teachers__cards {
			position: static;
			display: flex;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
		}

		.au-teachers__cards::-webkit-scrollbar { display: none; }

		.au-teachers__cards > .au-teacher {
			flex: 0 0 calc((100% - 4rem) / 3);
			scroll-snap-align: start;
		}
	}


	/* Стрелки листают ленту, поведение в assets/pages.js плагина. */
	/* Стрелки листания её видом, как в её же ленте на Russian Language Lessons:
	   кружок 36 точек, полупрозрачный фон и оранжевый уголок. */
	.au-teachers__arrow {
		cursor: pointer;
		position: absolute;
		inset-block-start: 50%;
		inline-size: 3.6rem;
		block-size: 3.6rem;
		translate: 0 -50%;
		border: 1px solid rgba(244, 244, 244, 0.4);
		border-radius: 999px;
		background: rgba(244, 244, 244, 0.4) no-repeat center / 1.6rem 1.6rem;
	}

	/* Наведение на саму стрелку: фон белеет, как у её кнопок листания.
	   Без этого непонятно, попал ты по кнопке или нет. */
	.au-teachers__arrow:hover,
	.au-teachers__arrow:focus-visible {
		background-color: rgba(255, 255, 255, 0.7);
	}

	.au-teachers__arrow--prev {
		inset-inline-start: 3rem;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%20width=%2240%22%20height=%2240%22%3E%3Cg%20transform=%22translate(40,0)%20scale(-1,1)%22%3E%3Cpath%20d=%22m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z%22%20fill=%22%23e68e02%22/%3E%3C/g%3E%3C/svg%3E");
	}

	.au-teachers__arrow--next {
		inset-inline-end: 3rem;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%20width=%2240%22%20height=%2240%22%3E%3Cpath%20d=%22m15.5%200.932-4.3%204.38%2014.5%2014.6-14.5%2014.5%204.3%204.4%2014.6-14.6%204.4-4.3-4.4-4.4-14.6-14.6z%22%20fill=%22%23e68e02%22/%3E%3C/svg%3E");
	}

	/* Числом задана высота карточки, а не фотографии: подпись бывает в одну и в две строки, и на эту разницу
	   уменьшается сама фотография. */
	.au-teacher {
		display: grid;
		grid-template-rows: minmax(0, 1fr) auto auto;
		gap: 1.2rem;
		padding: 2rem;
		block-size: 60rem;
		border-radius: 2rem;
		background: var(--color-gray-1, #f4f4f4);
	}

	.au-teacher img {
		inline-size: 100%;
		block-size: 100%;
		border-radius: 1rem;
		object-fit: cover;
	}

	.au-teacher__name {
		margin: 0;
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--au-h3);
		font-weight: 400;
		line-height: 1;
		text-transform: none;
		color: var(--color-black, #17222b);
	}

	/* Имя и опыт в макете стоят своей парой с зазором 4 внутри карточки. */
	/* Наводка как в её карточках преподавателей на Russian Language Lessons:
	   фон кремовый, имя оранжевое, подпись оранжевая наполовину. Значения берём
	   её переменными, чтобы правка пережила смену её палитры. */
	.au-teacher:hover,
	.au-teacher:focus-within {
		background: var(--color-cream, #fff9f0);
	}

	.au-teacher:hover .au-teacher__name,
	.au-teacher:focus-within .au-teacher__name {
		color: var(--color-orange, #e68e02);
	}

	.au-teacher:hover .au-teacher__exp,
	.au-teacher:focus-within .au-teacher__exp {
		color: color-mix(in srgb, var(--color-orange, #e68e02) 50%, transparent);
	}

	.au-teacher__exp {
		margin-block-start: -0.8rem;
		margin-inline: 0;
		margin-block-end: 0;
		font-size: var(--au-txt);
		line-height: 1.2;
		color: var(--color-black, #17222b);
	}

	@media (width <= 1600px) {
		.au-teacher { block-size: 50rem; }
	}

	/* Доехали до края или листать нечего. */
	/* Погашенная стрелка у неё всё равно отзывается на курсор, фон белеет.
	   Поэтому событий мыши не отнимаем, иначе кнопка кажется мёртвой. */
	.au-teachers__arrow.is-off { opacity: 0.35; }
	.au-teachers__arrow[hidden] { display: none; }

	/* С 1400 в макете видно три карточки. Четвёртую не прячем, а оставляем
	   за краем: ряд становится лентой, и стрелки из макета получают работу. */

	@media (width <= 1024px) {
		.au-teacher { block-size: 42rem; }
	}

	@media (width <= 900px) {
		.au-teacher { block-size: 32rem; }
	}

	/* На телефоне ряд преподавателей в макете шире экрана: это лента вбок, а не сжатая сетка. */
	@media (width <= 600px) {
		.au-teachers__cards {
			display: flex;
			gap: 1rem;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
		}

		.au-teachers__cards::-webkit-scrollbar { display: none; }

		.au-teacher {
			flex: 0 0 20rem;
			scroll-snap-align: start;
		}
	}

	/* Вопросы -------------------------------------------------------------- */

	.au-faq {
		position: relative;
		margin-block-end: 8rem;
	}

	.au-faq__cards {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem;
	}

	.au-faq__item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.2rem;
		padding: 2rem;
		border-radius: 2rem;
		background: var(--color-gray-1, #f4f4f4);
		font-family: var(--font-display, "Coolvetica", sans-serif);
		font-size: var(--au-h3);
		line-height: 1;
		text-transform: none;
		color: var(--color-black, #17222b);
	}

	/* Жёлтая обводка при нажатии, как у её карточек вопросов на Russian Language
	   Lessons. Цвет берём её переменной, ширина 3 и отступ 2, как у неё. */
	.au-faq__item:focus-within {
		outline: 3px solid var(--styl-focus-color, #ffc701);
		outline-offset: 2px;
	}

	/* Белый кружок с уголком справа в карточке: 40x40 в макете. */
	.au-faq__sign {
		flex: 0 0 4rem;
		block-size: 4rem;
		background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20d%3D%22M0%2020C0%208.95431%208.95431%200%2020%200L20%200C31.0457%200%2040%208.95431%2040%2020L40%2020C40%2031.0457%2031.0457%2040%2020%2040L20%2040C8.95431%2040%200%2031.0457%200%2020L0%2020Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2812%2017%29%22%3E%3Cpath%20d%3D%22M0.353553%20-0.353553C0.158291%20-0.548816%20-0.158291%20-0.548816%20-0.353553%20-0.353553C-0.548816%20-0.158291%20-0.548816%200.158291%20-0.353553%200.353553L0%200L0.353553%20-0.353553ZM16.3536%200.353553C16.5488%200.158291%2016.5488%20-0.158291%2016.3536%20-0.353553C16.1583%20-0.548816%2015.8417%20-0.548816%2015.6464%20-0.353553L16%200L16.3536%200.353553ZM9.41421%206.58579L9.06066%206.23223L9.41421%206.58579ZM0%200L-0.353553%200.353553L6.23223%206.93934L6.58579%206.58579L6.93934%206.23223L0.353553%20-0.353553L0%200ZM9.41421%206.58579L9.76777%206.93934L16.3536%200.353553L16%200L15.6464%20-0.353553L9.06066%206.23223L9.41421%206.58579ZM6.58579%206.58579L6.23223%206.93934C7.20855%207.91565%208.79146%207.91565%209.76777%206.93934L9.41421%206.58579L9.06066%206.23223C8.47487%206.81802%207.52513%206.81802%206.93934%206.23223L6.58579%206.58579Z%22%20fill%3D%22%23000000%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / 100% 100%;
	}

	/* Ответ под вопросом. Карточка в макете нарисована свёрнутой, поэтому ответ
	   лежит третьей строкой и показывается по нажатию, поведение в pages.js. */
	.au-faq__item[role="button"] { cursor: pointer; flex-wrap: wrap; }

	/* Вопрос забирает всю строку, иначе перенос уводит значок на строку ниже. */
	.au-faq__item[role="button"] > span { flex: 1 1 0; min-inline-size: 0; }

	.au-faq__sign { transition: rotate 0.2s ease; }
	.au-faq__item.is-open .au-faq__sign { rotate: 180deg; }

	.au-faq__answer {
		flex: 1 0 100%;
		margin-block-start: 1.2rem;
		font-family: var(--font-body, inherit);
		font-size: var(--au-txt);
		line-height: 1.4;
		color: var(--color-gray-4, #565d62);
	}

	.au-faq__answer[hidden] { display: none; }

	/* С 1024 зазор между карточками в макете 10, а не 20. */
	@media (width <= 1024px) {
		.au-faq__cards { gap: 1rem; }
	}

	@media (width <= 900px) {
		.au-faq__cards { grid-template-columns: 1fr; }
	}

	/* Рисунки за разделами ------------------------------------------------- */

	.au-ic {
		position: absolute;
		z-index: -1;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		pointer-events: none;
	}

	/* Глобус и книги лежат внутри панели письма и обрезаются ею, как в макете. */
	.au-ic--globe { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22490%22%20height%3D%22490%22%20viewBox%3D%220%200%20490%20490%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url(%23clip0_1419_19772)%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M276.905%20334.907L290.54%20385.795C263.929%20393.857%20242.022%20406.255%20229.335%20419.07C218.514%20430.012%20214.244%20441.623%20216.925%20451.628C217.396%20453.388%20218.547%20454.888%20220.125%20455.799C221.703%20456.71%20223.578%20456.957%20225.337%20456.485L395.622%20410.857C397.382%20410.386%20398.882%20409.235%20399.793%20407.657C400.704%20406.08%20400.951%20404.205%20400.479%20402.445C397.798%20392.44%20388.295%20384.519%20373.453%20380.453C356.058%20375.699%20330.886%20375.916%20303.81%20382.24L290.189%20331.405C328.332%20319.639%20360.767%20294.163%20381.233%20259.892L391.052%20265.275C391.843%20265.709%20392.712%20265.983%20393.609%20266.081C394.505%20266.179%20395.413%20266.1%20396.279%20265.847C397.145%20265.595%20397.953%20265.174%20398.656%20264.609C399.359%20264.045%20399.945%20263.347%20400.379%20262.556C400.812%20261.765%20401.086%20260.896%20401.184%20260C401.282%20259.103%20401.203%20258.196%20400.95%20257.329C400.698%20256.463%20400.277%20255.656%20399.713%20254.952C399.148%20254.249%20398.45%20253.663%20397.659%20253.23L381.914%20244.599C380.312%20243.727%20378.429%20243.526%20376.679%20244.042C374.929%20244.558%20373.455%20245.747%20372.581%20247.348C353.838%20281.853%20321.528%20308.906%20280.646%20319.861C201.574%20341.048%20120.184%20294.058%2098.9964%20214.986C89.0166%20177.897%2093.8656%20138.38%20112.516%20104.805C112.953%20104.013%20113.229%20103.143%20113.33%20102.245C113.43%20101.346%20113.352%20100.437%20113.101%2099.5685C112.85%2098.7001%20112.43%2097.8896%20111.866%2097.1835C111.301%2096.4774%20110.603%2095.8893%20109.812%2095.453L95.2249%2087.4577C93.6278%2086.5824%2091.7484%2086.3775%2090.0002%2086.8879C88.2519%2087.3984%2086.7781%2088.5824%2085.9028%2090.1795C85.0276%2091.7766%2084.8226%2093.656%2085.3331%2095.4043C85.8435%2097.1525%2087.0276%2098.6264%2088.6247%2099.5016L97.2852%20104.249C79.5509%20139.641%2075.4376%20180.315%2085.7271%20218.541C108.226%20302.509%20192.864%20353.366%20276.905%20334.907ZM383.243%20399.953L230.606%20440.852C231.976%20436.915%20235.033%20432.853%20239.106%20428.732C251.534%20416.172%20273.898%20404.363%20300.702%20397.181C327.506%20389.999%20352.779%20389.044%20369.822%20393.707C375.407%20395.233%20380.086%20397.222%20383.243%20399.953ZM125.201%20110.081C89.7134%20172.539%20113.239%20253.117%20177.897%20289.864C242.561%20326.61%20323.828%20305.574%20359.316%20243.116C394.806%20180.665%20371.28%20100.087%20306.622%2063.3396C241.958%2026.5943%20160.691%2047.6302%20125.201%20110.081ZM275.42%20261.294C275.397%20270.851%20276.55%20280.375%20278.851%20289.651C298.667%20284.042%20316.87%20273.341%20331.275%20258.103C313.998%20262.569%20294.974%20263.706%20275.42%20261.294ZM261.701%20259.032C244.807%20255.508%20228.485%20249.65%20213.205%20241.627L190.751%20281.151C213.822%20292.727%20239.953%20296.744%20265.436%20292.634C262.759%20281.689%20261.481%20270.391%20261.701%20259.032ZM320.652%20169.467C308.78%20178.635%20298.502%20190.25%20290.634%20204.091C282.766%20217.932%20278.052%20232.714%20276.251%20247.596C301.622%20250.881%20325.995%20247.657%20346.237%20238.28C347.005%20236.988%20347.748%20235.682%20348.466%20234.362C346.161%20212.174%20336.452%20189.581%20320.652%20169.467ZM161.488%20202.088C151.845%20208.085%20141.489%20212.773%20130.711%20216.073C140.222%20240.072%20157.05%20260.466%20178.805%20274.361L201.267%20234.835C186.55%20225.821%20173.162%20214.799%20161.488%20202.088ZM311.685%20159.034C301.26%20147.951%20289.417%20138.294%20276.462%20130.314L220%20229.673C233.488%20236.715%20247.844%20241.948%20262.699%20245.24C264.774%20228.833%20270.022%20212.565%20278.691%20197.307C287.36%20182.05%20298.653%20169.21%20311.685%20159.034ZM358.108%20150.179C348.96%20152.95%20340.188%20156.834%20331.987%20161.743C344.065%20177.309%20352.829%20194.224%20357.839%20211.356C363.556%20191.186%20363.431%20170.072%20358.108%20150.179ZM208.057%20222.89L264.519%20123.531C251.033%20116.486%20236.676%20111.252%20221.82%20107.964C219.679%20124.835%20214.246%20141.12%20205.828%20155.897C197.441%20170.693%20186.229%20183.698%20172.828%20194.172C183.259%20205.25%20195.103%20214.906%20208.057%20222.89ZM353.808%20137.131C344.295%20113.131%20327.468%2092.7354%20305.712%2078.8367L283.251%20118.362C297.966%20127.382%20311.354%20138.406%20323.031%20151.116C332.639%20145.136%20342.985%20140.435%20353.808%20137.131ZM126.68%20141.848C120.961%20162.011%20121.087%20183.126%20126.405%20203.027C135.554%20200.255%20144.329%20196.37%20152.532%20191.461C140.456%20175.902%20131.69%20158.98%20126.68%20141.848ZM163.865%20183.731C176.073%20174.301%20186.278%20162.532%20193.885%20149.113C201.52%20135.709%20206.407%20120.918%20208.26%20105.603C182.904%20102.321%20158.524%20105.547%20138.28%20114.918L137.147%20116.871C136.774%20117.526%20136.404%20118.187%20136.054%20118.842C138.358%20141.03%20148.062%20163.631%20163.865%20183.731ZM271.307%20111.579L293.768%2072.0532C270.694%2060.4756%20244.561%2056.4563%20219.075%2060.5654C221.771%2071.5561%20223.029%2082.8505%20222.816%2094.1652C239.709%2097.6931%20256.029%20103.554%20271.307%20111.579ZM209.099%2091.91C209.118%2082.3194%20207.951%2072.7904%20205.666%2063.5467C185.845%2069.1635%20167.643%2079.8648%20153.242%2095.094C170.521%2090.6346%20189.545%2089.4982%20209.099%2091.91Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1419_19772%22%3E%20%3Crect%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22white%22%20transform%3D%22translate(0%20103.549)%20rotate(-15)%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
	.au-ic--books { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22526%22%20height%3D%22526%22%20viewBox%3D%220%200%20526%20526%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url(%23clip0_1419_19769)%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M248.798%20134.619C238.119%20131.389%20189.581%20116.699%20175.635%20112.628C168.266%20110.474%20153.545%20108.57%20139.824%20115.881C130.797%20120.689%20122.059%20129.448%20116.358%20145.05L116.273%20145.293L62.0678%20314.905C61.7089%20315.486%2061.3615%20316.072%2061.0289%20316.671C49.3132%20337.77%2059.1356%20365.462%2082.5884%20374.839L259.433%20443.548C262.47%20444.729%20265.846%20444.684%20268.85%20443.424C271.854%20442.163%20274.252%20439.786%20275.537%20436.792L276.956%20433.493C277.624%20431.943%20277.974%20430.273%20277.983%20428.584C277.992%20426.895%20277.66%20425.222%20277.008%20423.664C276.355%20422.107%20275.396%20420.696%20274.186%20419.518C272.976%20418.34%20271.541%20417.417%20269.967%20416.806L268.109%20416.089C266.03%20408.698%20267.788%20398.04%20271.996%20389.901L306.663%20410.795C327.428%20423.035%20353.803%20415.261%20364.458%20395.266L364.517%20395.175L467.75%20243.787L467.871%20243.601C476.736%20229.543%20478.325%20217.281%20476.615%20207.195C474.009%20191.861%20463.501%20181.377%20457.297%20176.864C457.152%20176.761%20457.003%20176.663%20456.852%20176.57L300.069%2081.9064C298.793%2081.1371%20297.284%2080.848%20295.814%2081.0908C294.344%2081.3336%20293.009%2082.0926%20292.049%2083.2313L248.798%20134.619ZM177.151%20332.721L118.658%20309.998C100.786%20303.021%2080.4673%20307.433%2071.969%20322.745C63.8002%20337.449%2070.873%20356.664%2087.2186%20363.217L263.966%20431.884C263.995%20431.897%20264.028%20431.884%20264.042%20431.849L265.461%20428.55C265.466%20428.539%20265.468%20428.519%20265.461%20428.503C265.455%20428.486%20265.446%20428.475%20265.428%20428.468L90.6344%20360.484L90.5457%20360.453C80.3097%20356.289%2069.3117%20343.857%2075.7742%20327.262C81.9838%20311.334%2099.2471%20306.568%20115.196%20312.712L196.094%20344.144L177.151%20332.721ZM261.31%20383.46L258.737%20381.904L110.693%20324.388C101.427%20320.819%2091.0397%20322.549%2087.4359%20331.8C84.1033%20340.357%2089.9434%20346.682%2095.2244%20348.845L254.994%20410.987C254.743%20401.992%20257.014%20391.705%20261.31%20383.46ZM335.924%20342.611C350.58%20351.413%20359.271%20367.279%20356.092%20382.018L355.937%20382.728C355.559%20384.288%20355.043%20385.837%20354.39%20387.354C347.744%20402.808%20328.212%20408.955%20313.036%20400.031L151.399%20302.593C151.036%20302.374%20150.764%20302.031%20150.635%20301.627C150.505%20301.223%20150.527%20300.786%20150.695%20300.397L150.804%20300.144C150.902%20299.913%20151.049%20299.706%20151.235%20299.537C151.421%20299.368%20151.64%20299.241%20151.879%20299.164C152.118%20299.087%20152.371%20299.063%20152.62%20299.092C152.87%20299.121%20153.11%20299.204%20153.324%20299.335L313.112%20395.658L313.193%20395.706C322.741%20401.263%20339.3%20402.364%20348.485%20387.103C357.296%20372.457%20350.512%20355.879%20335.897%20347.012L171.755%20248.067C171.085%20247.663%20171.231%20246.8%20171.542%20246.076L171.649%20245.829C171.992%20245.03%20172.592%20244.634%20173.458%20244.693C173.539%20244.717%20173.615%20244.757%20173.681%20244.809L335.924%20342.611ZM166.016%20123.42C160.308%20122.756%20152.825%20123.134%20145.706%20126.923C138.857%20130.577%20132.489%20137.42%20128.153%20149.23L80.2962%20298.963C91.1146%20293.918%20104.204%20292.873%20116.918%20296.277L166.016%20123.42ZM182.828%20269.351C182.524%20273.395%20181.733%20277.388%20180.472%20281.242C178.667%20286.581%20175.725%20291.664%20171.141%20295.467L319.545%20384.927C324.487%20387.767%20333.037%20388.502%20337.761%20380.652C342.885%20372.143%20337.9%20362.863%20329.409%20357.713L182.828%20269.351ZM128.629%20300.448L138.39%20304.244C137.722%20301.304%20138.005%20298.228%20139.198%20295.459L139.304%20295.212C140.079%20293.406%20141.218%20291.779%20142.651%20290.434C144.083%20289.089%20145.778%20288.055%20147.63%20287.395C149.481%20286.736%20151.449%20286.467%20153.409%20286.604C155.369%20286.741%20157.28%20287.281%20159.022%20288.192C164.32%20286.166%20167.084%20281.764%20168.62%20277.228C170.565%20271.486%20170.68%20265.406%20170.53%20261.937L165.296%20258.78C159.103%20255.048%20157.188%20247.782%20160.048%20241.133L160.154%20240.886C160.728%20239.552%20161.492%20238.328%20162.419%20237.249L240.026%20145.039C225.817%20140.74%20194.236%20131.197%20178.169%20126.419L128.771%20300.339L128.629%20300.448ZM454.638%20191.077L347.851%20335.605C358.656%20343.847%20365.951%20355.292%20368.355%20367.345L457.381%20236.781C464.055%20226.14%20465.576%20216.933%20464.279%20209.292C462.924%20201.341%20458.646%20195.184%20454.638%20191.077ZM444.504%20183.729L298.176%2095.3802L180.996%20234.608L337.3%20328.833L444.504%20183.729ZM410.361%20192.18C410.947%20191.489%20411.377%20190.68%20411.62%20189.807C411.863%20188.934%20411.914%20188.019%20411.769%20187.125C411.624%20186.23%20411.286%20185.378%20410.78%20184.627C410.274%20183.876%20409.61%20183.243%20408.836%20182.773L313.788%20125.255C312.518%20124.488%20311.016%20124.197%20309.551%20124.433C308.086%20124.67%20306.753%20125.42%20305.789%20126.548L290.92%20143.989C290.335%20144.68%20289.906%20145.491%20289.663%20146.363C289.421%20147.236%20289.37%20148.152%20289.515%20149.046C289.659%20149.94%20289.996%20150.793%20290.501%20151.545C291.007%20152.297%20291.669%20152.93%20292.443%20153.402L387.493%20210.914C388.762%20211.684%20390.264%20211.977%20391.73%20211.74C393.196%20211.503%20394.53%20210.752%20395.492%20209.621L410.361%20192.18ZM396.058%20189.666L389.417%20197.461L305.22%20146.509L311.862%20138.714L396.058%20189.666Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1419_19769%22%3E%20%3Crect%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22white%22%20transform%3D%22translate(158.178)%20scale(1.00098)%20rotate(23.2697)%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
	.au-ic--faq { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22490%22%20height%3D%22490%22%20viewBox%3D%220%200%20490%20490%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url(%23clip0_1419_19744)%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M105.253%20259.323L97.349%20257.205C91.4381%20255.623%2085.1409%20256.453%2079.8417%20259.513C74.5425%20262.572%2070.6751%20267.611%2069.0898%20273.521L53.5283%20331.597C51.9462%20337.508%2052.7761%20343.805%2055.8356%20349.104C58.8951%20354.404%2063.9337%20358.271%2069.8438%20359.856L77.7902%20361.985C76.4191%20368.619%2077.6358%20375.525%2081.1913%20381.291C84.7467%20387.056%2090.3718%20391.244%2096.9147%20392.997L287.169%20443.976C293.47%20445.669%20300.174%20444.981%20306%20442.041C311.825%20439.102%20316.362%20434.118%20318.743%20428.043C318.975%20427.616%20319.155%20427.162%20319.279%20426.692L327.184%20428.81C333.094%20430.392%20339.392%20429.562%20344.691%20426.503C349.99%20423.443%20353.857%20418.405%20355.443%20412.495L371.004%20354.419C372.586%20348.508%20371.756%20342.21%20368.697%20336.911C365.637%20331.612%20360.599%20327.745%20354.689%20326.159L346.785%20324.041L367.274%20247.573C368.244%20243.956%20369.021%20240.307%20369.607%20236.645L421.876%20198.812C422.702%20198.215%20423.369%20197.425%20423.819%20196.51L440.166%20163.354C440.677%20162.326%20440.894%20161.178%20440.795%20160.034C440.695%20158.891%20440.282%20157.797%20439.601%20156.873C438.92%20155.949%20437.997%20155.231%20436.934%20154.798C435.872%20154.365%20434.71%20154.233%20433.577%20154.418L396.382%20160.34C395.414%20160.496%20394.496%20160.877%20393.702%20161.453L369.849%20178.716L406.543%20122.445C406.992%20121.758%20407.301%20120.989%20407.452%20120.183C407.604%20119.376%20407.595%20118.547%20407.426%20117.744C407.257%20116.941%20406.932%20116.179%20406.468%20115.502C406.005%20114.824%20405.412%20114.245%20404.724%20113.797L369.934%2091.1105C368.546%2090.2055%20366.855%2089.8886%20365.233%2090.2295C363.612%2090.5705%20362.192%2091.5413%20361.286%2092.9287L341.631%20123.07L348.434%2091.1613C348.779%2089.5402%20348.467%2087.8481%20347.565%2086.4572C346.664%2085.0663%20345.247%2084.0904%20343.626%2083.7442L249.266%2063.6252C244.852%2059.2056%20239.383%2055.9865%20233.376%2054.2728C227.369%2052.5591%20221.024%2052.4076%20214.943%2053.8328L120.05%2075.9678C119.251%2076.1538%20118.496%2076.4957%20117.828%2076.9738C117.161%2077.4518%20116.595%2078.0568%20116.162%2078.7539C115.728%2079.4511%20115.437%2080.2269%20115.304%2081.0368C115.17%2081.8467%20115.198%2082.675%20115.385%2083.4742L119.402%20100.704C117.852%20101.139%20116.53%20102.156%20115.711%20103.541C114.892%20104.927%20114.639%20106.575%20115.005%20108.142C115.37%20109.71%20116.327%20111.076%20117.674%20111.956C119.022%20112.836%20120.657%20113.163%20122.239%20112.868L124.234%20121.414C122.692%20121.859%20121.381%20122.878%20120.569%20124.262C119.758%20125.645%20119.509%20127.287%20119.874%20128.849C120.239%20130.411%20121.189%20131.774%20122.529%20132.655C123.869%20133.536%20125.497%20133.869%20127.075%20133.585L129.065%20142.124C125.839%20143.007%20123.857%20146.295%20124.621%20149.58C125.392%20152.861%20128.622%20154.936%20131.907%20154.295L133.703%20162.012C130.341%20168.668%20127.673%20175.652%20125.743%20182.854L105.253%20259.323ZM285.852%20430.679L290.405%20431.899C294.002%20432.861%20297.833%20432.356%20301.058%20430.494C304.282%20428.633%20306.636%20425.567%20307.601%20421.971L320.789%20372.753C322.83%20365.138%20323.351%20357.196%20322.323%20349.38C321.294%20341.563%20318.736%20334.026%20314.794%20327.199C310.852%20320.371%20305.604%20314.387%20299.349%20309.588C293.094%20304.789%20285.956%20301.27%20278.34%20299.23L176.933%20272.058C169.319%20270.017%20161.376%20269.496%20153.56%20270.524C145.744%20271.553%20138.207%20274.111%20131.379%20278.053C124.552%20281.995%20118.568%20287.243%20113.769%20293.498C108.97%20299.752%20105.45%20306.891%20103.41%20314.507L90.2225%20363.725C89.2605%20367.321%2089.7658%20371.153%2091.6274%20374.377C93.489%20377.602%2096.5546%20379.955%20100.151%20380.921L107.566%20382.907C105.036%20376.634%20104.62%20369.706%20106.381%20363.175L117.707%20320.907C119.852%20312.899%20125.091%20306.072%20132.27%20301.927C139.449%20297.783%20147.981%20296.659%20155.988%20298.805L285.968%20333.633C293.975%20335.779%20300.802%20341.017%20304.947%20348.196C309.092%20355.375%20310.215%20363.907%20308.07%20371.914L296.744%20414.182C295.004%20420.719%20291.18%20426.511%20285.852%20430.679ZM273.567%20369.141L275.814%20406.529C275.87%20407.517%20275.691%20408.504%20275.292%20409.41C274.894%20410.315%20274.286%20411.114%20273.519%20411.739C272.752%20412.365%20271.848%20412.8%20270.881%20413.008C269.913%20413.217%20268.91%20413.193%20267.954%20412.94L239.96%20405.439C239.005%20405.18%20238.125%20404.699%20237.391%20404.035C236.658%20403.37%20236.093%20402.542%20235.741%20401.617C235.39%20400.691%20235.263%20399.696%20235.37%20398.712C235.478%20397.729%20235.817%20396.784%20236.359%20395.957L256.998%20364.701L128.165%20330.181L118.458%20366.41C117.17%20371.215%20117.844%20376.334%20120.331%20380.641C122.818%20384.949%20126.914%20388.092%20131.719%20389.379L261.699%20424.207C266.503%20425.495%20271.622%20424.821%20275.93%20422.334C280.237%20419.847%20283.38%20415.751%20284.668%20410.946L294.375%20374.717L273.567%20369.141ZM80.9838%20349.898L73.0797%20347.78C71.7384%20347.421%2070.4809%20346.802%2069.3791%20345.957C68.2773%20345.112%2067.3529%20344.058%2066.6587%20342.856C65.9645%20341.653%2065.5141%20340.326%2065.3333%20338.949C65.1525%20337.573%2065.2448%20336.174%2065.6049%20334.833L76.5099%20294.135L94.6248%20298.989L80.9838%20349.898ZM261.709%20380.26L262.815%20398.619L251.578%20395.608L261.709%20380.26ZM354.271%20368.561L343.366%20409.259C343.008%20410.6%20342.388%20411.858%20341.543%20412.959C340.698%20414.061%20339.645%20414.986%20338.442%20415.68C337.24%20416.374%20335.912%20416.824%20334.536%20417.005C333.159%20417.186%20331.76%20417.094%20330.419%20416.734L322.515%20414.616L336.156%20363.707L354.271%20368.561ZM296.579%20362.363L132.434%20318.381C134.63%20315.184%20137.763%20312.746%20141.402%20311.403C145.04%20310.06%20149.006%20309.878%20152.752%20310.881L282.732%20345.71C286.479%20346.713%20289.823%20348.853%20292.303%20351.836C294.782%20354.818%20296.276%20358.496%20296.579%20362.363ZM102.017%20271.4L97.8607%20286.912L79.7458%20282.058L81.1664%20276.757C81.525%20275.415%2082.1444%20274.158%2082.9893%20273.056C83.8342%20271.954%2084.888%20271.03%2086.0904%20270.336C87.2928%20269.641%2088.6203%20269.191%2089.9969%20269.01C91.3735%20268.829%2092.7722%20268.922%2094.1131%20269.282L102.017%20271.4ZM339.392%20351.63L343.549%20336.118L351.453%20338.236C352.794%20338.594%20354.052%20339.214%20355.153%20340.059C356.255%20340.904%20357.18%20341.957%20357.874%20343.16C358.568%20344.362%20359.018%20345.69%20359.199%20347.066C359.38%20348.443%20359.288%20349.842%20358.928%20351.183L357.507%20356.484L339.392%20351.63ZM113.951%20275.167C122.908%20267.417%20133.627%20261.981%20145.171%20259.334C156.714%20256.686%20168.731%20256.909%20180.169%20259.981L281.576%20287.153C305.693%20293.616%20323.695%20311.499%20331.33%20333.413L355.198%20244.337C361.777%20219.777%20358.331%20193.609%20345.618%20171.59C332.905%20149.571%20311.967%20133.503%20287.408%20126.92L255.236%20118.3C230.676%20111.721%20204.508%20115.167%20182.489%20127.88C160.47%20140.593%20144.402%20161.531%20137.819%20186.09L113.951%20275.167ZM339.594%20205.622C341.31%20199.216%20340.411%20192.391%20337.096%20186.647C333.78%20180.904%20328.318%20176.713%20321.912%20174.997L204.184%20143.452C197.778%20141.735%20190.953%20142.634%20185.209%20145.95C179.466%20149.266%20175.275%20154.727%20173.559%20161.133L158.997%20215.478C157.281%20221.883%20158.179%20228.709%20161.495%20234.452C164.811%20240.195%20170.273%20244.386%20176.678%20246.103L294.407%20277.648C300.813%20279.364%20307.638%20278.466%20313.381%20275.15C319.125%20271.834%20323.316%20266.372%20325.032%20259.966L339.594%20205.622ZM299.802%20207.903L302.574%20248.616C302.642%20249.609%20302.472%20250.604%20302.078%20251.518C301.683%20252.432%20301.076%20253.239%20300.308%20253.871C299.539%20254.503%20298.63%20254.942%20297.657%20255.152C296.684%20255.362%20295.675%20255.337%20294.714%20255.079L263.925%20246.829C262.964%20246.571%20262.078%20246.088%20261.342%20245.419C260.605%20244.751%20260.038%20243.916%20259.689%20242.984C259.34%20242.053%20259.218%20241.051%20259.334%20240.063C259.45%20239.075%20259.8%20238.129%20260.355%20237.303L283.112%20203.431L182.399%20176.445L171.074%20218.713C170.216%20221.916%20170.665%20225.329%20172.323%20228.201C173.981%20231.072%20176.712%20233.168%20179.914%20234.026L297.643%20265.571C300.846%20266.429%20304.258%20265.98%20307.13%20264.322C310.002%20262.664%20312.097%20259.933%20312.955%20256.731L324.281%20214.462L299.802%20207.903ZM287.998%20218.577L289.502%20240.739L275.608%20237.016L287.998%20218.577ZM373.52%20212.188C372.715%20212.763%20371.789%20213.143%20370.814%20213.301L370.788%20213.301C370.921%20215.608%20370.982%20217.915%20370.964%20220.228L407.447%20193.826C406.873%20193.285%20406.344%20192.7%20405.864%20192.075C405.349%20191.362%20404.893%20190.607%20404.501%20189.82L373.52%20212.188ZM327.517%20202.386L185.635%20164.369C186.494%20161.166%20188.589%20158.435%20191.461%20156.777C194.332%20155.119%20197.745%20154.67%20200.948%20155.528L318.676%20187.073C321.879%20187.932%20324.61%20190.027%20326.268%20192.899C327.926%20195.77%20328.375%20199.183%20327.517%20202.386ZM147.249%20141.431C151.26%20136.629%20155.692%20132.167%20160.494%20128.108L157.125%20128.894C155.529%20129.225%20153.866%20128.918%20152.492%20128.04C151.119%20127.162%20150.142%20125.782%20149.772%20124.194C149.401%20122.606%20149.665%20120.936%20150.508%20119.541C151.351%20118.145%20152.706%20117.134%20154.284%20116.723L201.758%20105.647L205.879%2086.3324C206.049%2085.5294%20206.376%2084.768%20206.841%2084.0919C207.307%2083.4158%20207.901%2082.8385%20208.591%2082.393L232.214%2067.0747C227.628%2065.2485%20222.591%2064.8748%20217.784%2066.004L128.98%2086.722L131.579%2097.8641C133.162%2097.5689%20134.797%2097.8954%20136.144%2098.7756C137.492%2099.6558%20138.448%20101.022%20138.814%20102.589C139.179%20104.157%20138.926%20105.805%20138.107%20107.191C137.288%20108.576%20135.966%20109.592%20134.416%20110.028L136.411%20118.574C138.002%20118.259%20139.653%20118.575%20141.015%20119.454C142.378%20120.334%20143.345%20121.708%20143.713%20123.288C144.081%20124.867%20143.821%20126.528%20142.988%20127.919C142.154%20129.31%20140.813%20130.323%20139.246%20130.744L141.242%20139.284C142.344%20139.071%20143.483%20139.157%20144.54%20139.535C145.596%20139.912%20146.532%20140.567%20147.249%20141.431ZM396.794%20179.963C396.276%20179.412%20395.797%20178.825%20395.362%20178.207C394.969%20177.648%20394.606%20177.069%20394.273%20176.472L368.228%20195.322C368.578%20196.84%20368.894%20198.368%20369.174%20199.905L396.794%20179.963ZM389.973%20124.963L392.66%20120.854L368.343%20104.993L341.856%20145.613C349.023%20153.297%20355.032%20161.984%20359.694%20171.4L363.254%20165.94L360.983%20164.465C359.671%20163.526%20358.771%20162.117%20358.473%20160.532C358.175%20158.946%20358.5%20157.307%20359.382%20155.956C360.263%20154.605%20361.632%20153.646%20363.204%20153.28C364.775%20152.914%20366.427%20153.169%20367.814%20153.992L370.085%20155.468L373.406%20150.371L363.473%20143.892C362.106%20142.977%20361.154%20141.56%20360.824%20139.949C360.494%20138.337%20360.812%20136.66%20361.71%20135.282C362.609%20133.903%20364.014%20132.935%20365.622%20132.586C367.229%20132.237%20368.91%20132.536%20370.299%20133.417L380.237%20139.899L383.148%20135.437L381.087%20134.095C379.698%20133.189%20378.726%20131.768%20378.385%20130.146C378.043%20128.523%20378.361%20126.832%20379.266%20125.443C380.172%20124.054%20381.593%20123.082%20383.215%20122.741C384.838%20122.399%20386.53%20122.716%20387.918%20123.622L389.973%20124.963ZM405.953%20171.479C407.458%20173.229%20409.718%20173.996%20409.718%20173.996C411.76%20174.731%20413.273%20176.476%20413.72%20178.602C413.72%20178.602%20414.378%20182.448%20415.806%20184.487L423.611%20168.665L405.953%20171.479ZM151.783%20105.983L197.553%2095.3043C199.146%2094.9077%20200.518%2093.9007%20201.375%2092.5006C202.232%2091.1005%20202.503%2089.4196%20202.131%2087.821C201.759%2086.2224%20200.773%2084.8343%20199.386%2083.9563C197.999%2083.0784%20196.323%2082.7811%20194.719%2083.1286L148.942%2093.8117C148.125%2093.9807%20147.35%2094.3115%20146.663%2094.7847C145.975%2095.2578%20145.39%2095.8637%20144.941%2096.5667C144.491%2097.2697%20144.187%2098.0555%20144.046%2098.8778C143.905%2099.7001%20143.931%20100.542%20144.12%20101.355C144.31%20102.167%20144.66%20102.933%20145.151%20103.608C145.641%20104.283%20146.262%20104.853%20146.976%20105.285C147.69%20105.716%20148.483%20106%20149.309%20106.12C150.135%20106.24%20150.976%20106.193%20151.783%20105.983ZM246.473%2075.8138L242.562%2094.1553C242.215%2095.7763%20241.239%2097.1935%20239.848%2098.0951C238.458%2098.9967%20236.766%2099.309%20235.144%2098.9633L216.803%2095.0519L214.974%20103.642C229.498%20101.547%20244.297%20102.426%20258.472%20106.223L290.644%20114.844C303.831%20118.378%20316.099%20124.331%20326.886%20132.282L334.906%2094.6686L246.473%2075.8138ZM314.861%20103.179L256.095%2090.6497C255.286%2090.4612%20254.447%2090.4359%20253.629%2090.5752C252.81%2090.7145%20252.027%2091.0157%20251.325%2091.461C250.624%2091.9064%20250.019%2092.487%20249.544%2093.1691C249.07%2093.8511%20248.737%2094.6208%20248.563%2095.4332C248.39%2096.2456%20248.38%2097.0844%20248.535%2097.9007C248.689%2098.7169%20249.005%2099.4941%20249.463%20100.187C249.921%20100.88%20250.513%20101.474%20251.204%20101.936C251.895%20102.397%20252.67%20102.717%20253.486%20102.875L312.252%20115.405C313.061%20115.593%20313.899%20115.618%20314.718%20115.479C315.537%20115.34%20316.32%20115.039%20317.021%20114.593C317.722%20114.148%20318.328%20113.567%20318.802%20112.885C319.276%20112.203%20319.61%20111.433%20319.783%20110.621C319.957%20109.809%20319.966%20108.97%20319.812%20108.154C319.657%20107.337%20319.342%20106.56%20318.883%20105.867C318.425%20105.174%20317.833%20104.58%20317.143%20104.118C316.452%20103.657%20315.676%20103.338%20314.861%20103.179ZM232.402%2081.855L228.056%2084.6705L231.637%2085.4359L232.402%2081.855Z%22%20fill%3D%22%23E68E02%22%20fill-opacity%3D%220.1%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1419_19744%22%3E%20%3Crect%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22white%22%20transform%3D%22translate(103.549)%20rotate(15)%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }

	/* ==== НАЧАЛО: места рисунков и стрелок. Собрано au-deco-css.mjs ==== */

	@media (width > 1920px) {
		.au-ic--globe { inset-inline-start: -53px; inset-block-start: 0px; inline-size: 490px; block-size: 490px; }
		.au-ic--books { inset-inline-end: -30px; inset-block-end: -118px; inline-size: 525px; block-size: 525px; }
		.au-arrow--l { inset-inline-start: 377px; inset-block-start: 127px; inline-size: 107px; block-size: 226px; }
		.au-arrow--r { inset-inline-end: 359px; inset-block-start: 113px; inline-size: 127px; block-size: 302px; }
		.au-ic--faq { inset-inline-end: calc(0px + var(--au-pad)); inset-block-start: -129px; inline-size: 490px; block-size: 490px; }
	}

	@media (1600px < width <= 1920px) {
		.au-ic--globe { inset-inline-start: -53px; inset-block-start: 0px; inline-size: 490px; block-size: 490px; }
		.au-ic--books { inset-inline-end: -30px; inset-block-end: -118px; inline-size: 525px; block-size: 525px; }
		.au-arrow--l { inset-inline-start: calc(50vw - 583px); inset-block-start: 127px; inline-size: 107px; block-size: 226px; }
		.au-arrow--r { inset-inline-end: calc(50vw - 601px); inset-block-start: 113px; inline-size: 127px; block-size: 302px; }
		.au-ic--faq { inset-inline-end: calc(0px + var(--au-pad)); inset-block-start: -129px; inline-size: 490px; block-size: 490px; }
	}

	@media (1200px < width <= 1600px) {
		.au-ic--globe { inset-inline-start: -53px; inset-block-start: calc(-6.5vw + 104px); inline-size: calc(30.75vw - 2px); block-size: calc(30.75vw - 2px); }
		.au-ic--books { inset-inline-end: calc(9.75vw - 186px); inset-block-end: calc(-7.75vw + 6px); inline-size: calc(32.75vw + 1px); block-size: calc(32.75vw + 1px); }
		.au-arrow--l { inset-inline-start: calc(41.25vw - 443px); inset-block-start: calc(6vw + 31px); inline-size: calc(6.75vw - 1px); block-size: calc(14.25vw - 2px); }
		.au-arrow--r { inset-inline-end: calc(42.5vw - 481px); inset-block-start: calc(-0.5vw + 121px); inline-size: calc(8vw - 1px); block-size: calc(19.25vw - 6px); }
		.au-ic--faq { inset-inline-end: calc(calc(-0.25vw + 4px) + var(--au-pad)); inset-block-start: -129px; inline-size: calc(30.75vw - 2px); block-size: calc(30.75vw - 2px); }
	}

	@media (1024px < width <= 1200px) {
		.au-ic--globe { inset-inline-start: calc(5.6818vw - 121.18px); inset-block-start: calc(28.4091vw - 314.91px); inline-size: 367px; block-size: 367px; }
		.au-ic--books { inset-inline-end: calc(22.7273vw - 341.73px); inset-block-end: calc(17.0455vw - 291.55px); inline-size: 394px; block-size: 394px; }
		.au-arrow--l { inset-inline-start: 52px; inset-block-start: 103px; inline-size: 80px; block-size: 169px; }
		.au-arrow--r { inset-inline-end: 29px; inset-block-start: 115px; inline-size: 95px; block-size: 225px; }
		.au-ic--faq { inset-inline-end: calc(1px + var(--au-pad)); inset-block-start: -129px; inline-size: 367px; block-size: 367px; }
	}

	@media (768px < width <= 1024px) {
		.au-ic--globe { inset-inline-start: -63px; inset-block-start: -24px; inline-size: 367px; block-size: 367px; }
		.au-ic--books { inset-inline-end: -109px; inset-block-end: -117px; inline-size: 394px; block-size: 394px; }
		.au-ic--faq { inset-inline-end: calc(calc(0.3906vw - 3px) + var(--au-pad)); inset-block-start: -129px; inline-size: calc(28.5156vw + 75px); block-size: calc(28.5156vw + 75px); }
	}

	@media (480px < width <= 768px) {
		.au-ic--globe { inset-inline-start: -63px; inset-block-start: -24px; inline-size: 367px; block-size: 367px; }
		.au-ic--books { inset-inline-end: -109px; inset-block-end: -117px; inline-size: 394px; block-size: 394px; }
		.au-ic--faq { inset-inline-end: calc(calc(10.7639vw - 82.67px) + var(--au-pad)); inset-block-start: calc(-38.1944vw + 164.33px); inline-size: calc(17.0139vw + 163.33px); block-size: calc(17.0139vw + 163.33px); }
	}

	@media (width <= 480px) {
		.au-ic--globe { inset-inline-start: -63px; inset-block-start: -24px; inline-size: 367px; block-size: 367px; }
		.au-ic--books { inset-inline-end: -109px; inset-block-end: -117px; inline-size: 394px; block-size: 394px; }
		.au-ic--faq { inset-inline-end: calc(-31px + var(--au-pad)); inset-block-start: -19px; inline-size: 245px; block-size: 245px; }
	}

	/* ==== КОНЕЦ собранного блока ==== */

	/* Кнопки --------------------------------------------------------------- */

	/* Своего вида кнопки не пишем, у темы есть класс button. Коробку задаём числом: высота гуляет от длины
	   надписи. Отбивка надписи в макете 20 сверху и снизу, 32 по бокам на всех ширинах. */
	.au-page :where(.button, .btn) {
		font-size: var(--au-btn);
		padding-block: 2rem;
		padding-inline: 3.2rem;
	}

	/* Надпись кнопки обрезана по высоте букв. Кегль наследуем принудительно: тема задаёт тексту внутри кнопки
	   свой. */
	.au-page :where(.button, .btn) > span {
		font-size: inherit;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	.au-actions {
		display: flex;
		justify-content: center;
		margin-block-start: 4rem;
	}

	/* Отбивка кнопки от карточек: 40 при 1920 и 1600, 20 от 1200 и ниже. */
	@media (width <= 1400px) {
		.au-actions { margin-block-start: 2rem; }
	}

	/* Ниже 600 тема растягивает кнопки во всю ширину блока, а в макете они по надписи. */
	@media (width <= 600px) {
		.au-actions .button {
			inline-size: auto;
			max-inline-size: fit-content;
		}
	}
}

/* КОНЕЦ блока страницы About Us */


/* НАЧАЛО блока страницы Individual Lessons, студия СТЕК. Не править руками: файл-источник rukidsclub-pages/individual-lessons.css */
/* Адаптив страницы индивидуальных занятий. Страница её, от прежнего подрядчика,
   поэтому правим только своими правилами поверх, её разметку и файлы не трогаем. */

@layer styl.blocks {

	/* На узком экране её сетка держит две колонки по 160 и вылезает за экран:
	   при 320 страница становится 342 и ездит вбок. Ниже 420 ставим одну колонку. */
	@media (width <= 420px) {
		.lessons-grid {
			grid-template-columns: 1fr;
		}
	}

	/* Украшение за краем ленты растягивало страницу вбок на узких экранах.
	   Оно ничего не значит для чтения, поэтому просто не даём ему тянуть ширину. */
	@media (width <= 744px) {
		.lessons-section {
			overflow-x: clip;
		}
	}
}

/* КОНЕЦ блока страницы Individual Lessons */


/* НАЧАЛО общего блока шапки, студия СТЕК. Не править руками: файл-источник rukidsclub-pages/obshaya-shapka.css */
/* Общие правки её шапки. Разметка ЕЁ, поэтому только настройки, ничего не переставляем.
   Файл ставится отдельным блоком в style.css темы, потому что беда видна на ВСЕХ страницах,
   а не на какой-то одной. */

/* Правый блок шапки шире своего содержимого на 109 точек. Пока шапка в две строки, этого не видно,
   а при 1600, где она встаёт в одну строку, лишняя ширина съедала зазоры: между логотипом и первой
   ссылкой оставалось 5 вместо 40 по макету. Ужимаем блок по содержимому, свободное место уходит
   в зазоры, и меню отходит от логотипа. */
#brx-header .site-header__actions {
	inline-size: max-content;
}

/* КОНЕЦ общего блока шапки */

/* Плашка на странице для взрослых сделана по макету абсолютом: её высота задана
   числом, а фотографии вокруг лежат поверх на своих координатах. Русский текст
   в ней длиннее английского примерно на треть и в эту высоту не помещается,
   поэтому последние строки уходили под фотографии. Растянуть плашку нельзя,
   она наедет на них же, значит для русского берём кегль на ступень меньше. */
html[lang="ru-RU"] .rfa-cloud__lead {
	font-size: calc(var(--rfa-cloud-lead) * 0.78);
}

/* На узких экранах плашка ещё ниже, а строк в русском тексте больше,
   поэтому здесь кегль убавляем сильнее. */
@media (width <= 600px) {
	html[lang="ru-RU"] .rfa-cloud__lead {
		font-size: calc(var(--rfa-cloud-lead) * 0.72);
	}
}

/* Название вкладки лежит в отдельном теге и по умолчанию не сжимается уже своего
   содержимого, поэтому выходило за свою колонку сетки и наезжало на соседнюю.
   Русские названия длиннее английских, и на узких экранах это видно всегда. */
.gc-tab > :first-child {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

@media (max-width: 599px) {
	html[lang="ru-RU"] .gc-tab {
		font-size: clamp(1rem, calc(4.1vw - 6px), 2rem);
		gap: .2rem;
		padding-inline: .1rem;
	}
}

/* Тема уводит меню на отдельный ряд, когда шапка уже 1510 пикселей, и этот порог
   подогнан под английские названия. Русские в сумме на 200 пикселей шире, поэтому
   между 1510 и 1720 они выходили за свой ряд поверх логотипа и значков. */
@container header not (min-inline-size: 1720px) {
	html[lang="ru-RU"] .site-header {
		flex-wrap: wrap;
	}

	html[lang="ru-RU"] .site-header__nav {
		order: 999;
		flex-basis: 100%;
	}
}

/* Страховка на будущее: если пунктов станет больше или названия станут длиннее,
   они перенесутся на следующую строку, а не лягут поверх соседей. */
html[lang="ru-RU"] .site-header__nav[data-nowrap] {
	flex-wrap: wrap;
}

/* Ниже 900 русские пункты перестают помещаться в свой ряд и переносятся на второй,
   а шапка от этого становится выше и наезжает на заголовок первого экрана.
   Уводить их в кнопку меню нельзя, у нее нет видимого значка, поэтому ужимаем
   промежутки и кегль ровно настолько, чтобы ряд снова был один. */
@media (max-width: 899px) {
	html[lang="ru-RU"] .site-header__nav {
		--gutter: .75rem;
		font-size: calc(var(--text-sm) * .92);
	}
}

/* На 768 русская надпись у кнопки кабинета длиннее английской, и правая группа
   значков перестает помещаться рядом с логотипом, отчего шапка вырастает
   на целый ряд и накрывает заголовок. Сближаем значки между собой. */
@media (max-width: 799px) {
	html[lang="ru-RU"] .site-header__actions {
		--gutter: .5rem;
	}
}

/* RKIDS FORMY. Тема добавляет сетке формы горизонтальный зазор поверх ширины
   колонок, из-за чего две половинки (Имя и Фамилия) перестают влезать в строку
   и переносятся. Ширину колонок задаёт сама форма, зазор тут лишний. */
.wsf-form .wsf-grid {
	column-gap: 0;
}