@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {.brxe-template{width:100%}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.n-rating { width: auto; margin-bottom: var(--space-xs); display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; padding: 5px 14px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 80px; color: rgba(255, 255, 255, 0.9); text-decoration: none; transition: border-color 0.2s ease, background-color 0.2s ease;}a.n-rating:hover { border-color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.06);}a.n-rating:focus-visible { outline: 2px solid var(--n-white); outline-offset: 3px;} .n-rating .n-rating__icon { width: 20px; height: 20px; flex-shrink: 0;} .n-rating .n-rating__stars { width: 101px; height: 18px; flex-shrink: 0;} .n-rating .n-rating__text { font-size: 16px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255, 255, 255, 0.9);} .n-rating .n-rating__text strong { font-weight: 800; color: var(--n-white);}html body .brxe-section.about-hero.about-hero { padding-block: clamp(72px, 9.4vw, 148px);}html body .about-hero .n-section-head { max-width: 1070px; gap: var(--space-xs);}html body .about-hero .n-lead { max-width: 760px;} .about-hero .ab-rating { width: auto; margin-bottom: var(--space-xs); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; padding: 5px 14px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 80px;} .about-hero .ab-rating__icon { width: 20px; height: 20px; flex-shrink: 0;} .about-hero .ab-rating__stars { width: 101px; height: 18px; flex-shrink: 0;} .about-hero .ab-rating__text { font-size: 16px; text-transform: uppercase; color: rgba(255, 255, 255, 0.9);} .about-hero .ab-rating__text strong { font-weight: inherit;} .about-hero .ab-hero__btns { width: auto; margin-top: var(--space-s); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 12px;}.brxe-section.about-hero { padding-block: clamp(64px, 7vw, 112px);} .about-hero .n-lead { color: rgba(255, 255, 255, 0.85);}html body .founder .founder__inner.founder__inner { display: block; max-width: 860px; margin-inline: auto;}@media (max-width: 991px) { html body .founder .founder__inner { grid-template-columns: minmax(0, 1fr); gap: var(--space-m); } html body .founder .founder__photo { max-width: 420px; margin-inline: auto; }} .founder .founder__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--space-xl);} .founder .founder__photo { position: relative; width: 100%; aspect-ratio: 4 / 5; display: flex; align-items: flex-end; justify-content: center; padding: var(--space-s); overflow: hidden; border-radius: var(--radius-l); background-color: var(--n-lilac);} .founder .founder__photo::before { content: ""; position: absolute; inset: 15%; background: url("https://noctua.digital/wp-content/uploads/2026/10/51b25.svg") no-repeat center / contain; opacity: 0.12;} .founder .founder__photo-note { position: relative; margin: 0; font-size: var(--text-small); letter-spacing: 0.1em; text-transform: uppercase; color: var(--n-deep);} .founder .founder__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xs);} .founder :is(.founder__title, .founder__p) { margin: 0;} .founder .founder__title { margin-bottom: 8px;} .founder .founder__punch { margin: var(--space-xs) 0 0; padding-left: var(--space-s); border-left: 3px solid var(--n-primary); font-family: var(--font-heading); font-size: var(--text-h3); font-weight: 700; line-height: 1.3; text-transform: uppercase; color: var(--n-heading);} .founder .founder__punch-sub { margin: 0; padding-left: calc(var(--space-s) + 3px);}html body .principles .principles__head.principles__head { width: 100%; max-width: 960px !important; margin-inline: auto; align-items: flex-start !important; text-align: left !important;}html body .principles .principles__grid .principles__card+.principles__card { border-top: 1px solid var(--n-line);}@media (max-width: 767px) { html body .principles .principles__card { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; row-gap: 12px; padding: var(--space-m) 0; } html body .principles :is(.principles__num, .principles__h, .principles__p) { grid-column: 1; grid-row: auto; align-self: start; }} .principles .principles__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-l);} .principles .principles__head { width: 100%; max-width: 960px; align-items: flex-start; text-align: left; margin-inline: auto;} .principles .principles__head .u-accent { display: block; color: var(--n-primary);} .principles .principles__grid { width: 100%; max-width: 960px; display: flex; flex-direction: column;} .principles .principles__card { width: 100%; display: grid; grid-template-columns: 180px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: var(--space-s); row-gap: 12px; align-items: center; padding: var(--space-l) 0;} .principles .principles__card+.principles__card { border-top: 1px solid var(--n-line);} .principles :is(.principles__num, .principles__h, .principles__p) { margin: 0;} .principles .principles__num { grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background-color: var(--n-offwhite); font-size: 14px; font-weight: 700; letter-spacing: 0; color: var(--n-heading);} .principles .principles__h { grid-column: 2; grid-row: 1; align-self: end; font-size: clamp(22px, 2.2vw, 32px);} .principles .principles__p { grid-column: 2; grid-row: 2; align-self: start; max-width: 560px;}.team .team__grid.team__grid { align-items: stretch;}@media (max-width: 767px) { html body .team .team__grid { grid-template-columns: minmax(0, 1fr); } html body .team .team__card { padding: 24px; }} .team .team__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-l);} .team .team__grid { width: 100%; max-width: 960px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-s);} .team .team__card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px;} .team :is(.team__h, .team__p, .team__note) { margin: 0;} .team .team__note { max-width: 640px; text-align: center;}html body .brxe-section.git.git { background-color: var(--n-offwhite);}