@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/unbounded-latin-600-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/unbounded-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/unbounded-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/unbounded-cyrillic-700-normal.woff2') format('woff2'); unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/golos-text-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/golos-text-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/golos-text-latin-600-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/golos-text-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/golos-text-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/golos-text-cyrillic-700-normal.woff2') format('woff2'); unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/ibm-plex-mono-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
:root {
  --ink: #141414;
  --ink-soft: #242424;
  --paper: #191b1e;
  --paper-bright: #24272b;
  --mist: #adb3b7;
  --line: rgba(237, 237, 237, .18);
  --red: #590b1b;
  --red-deep: #310913;
  --chrome: #c3c6c8;
  --mono: 'IBM Plex Mono', monospace;
  --sans: 'Golos Text', sans-serif;
  --serif: 'Golos Text', sans-serif;
}

body { color: #edeff0; background: var(--paper); font-size: 16px; line-height: 1.62; }
body::selection { color: #f8f9fa; background: #8a0303; }
.site-shell { background: #191b1e; }
.site-header { align-items: center; padding: 25px 0 24px; border-bottom: 1px solid var(--line); }
.brand { align-items: center; gap: 17px; }
.brand__name { font-family: 'Unbounded', sans-serif; font-size: 16px; font-weight: 700; line-height: .99; letter-spacing: -.075em; text-transform: uppercase; }
.brand__by { font-family: var(--mono); font-size: 9px; line-height: 1.3; letter-spacing: -.04em; opacity: .75; }
.main-nav { padding-top: 0; font-size: 12px; font-weight: 600; letter-spacing: 0; }
.main-nav a { opacity: .82; }
.main-nav a:hover { color: #f8f9fa; }
.main-nav a::after { background: #8b3b4d; }
.eyebrow, .section-kicker { color: #bd7b89; font-size: 10px; font-weight: 400; letter-spacing: .12em; }
.pulse-dot { width: 5px; height: 5px; background: #8b3b4d; box-shadow: none; animation: none; }
.hero { min-height: 765px; grid-template-columns: 1.12fr .88fr; padding-top: 69px; gap: 34px; }
.hero__copy { position: relative; z-index: 2; padding: 36px 0 92px; }
h1, h2, h3 { font-family: 'Unbounded', sans-serif; }
h1 { max-width: 725px; margin: 30px 0 28px; font-size: clamp(39px, 4.6vw, 63px); font-weight: 700; line-height: 1.105; letter-spacing: -.065em; }
.hero__lead { max-width: 505px; color: #c8ccce; font-size: 17px; line-height: 1.65; letter-spacing: -.015em; }
.hero__actions { margin-top: 42px; }
.button { min-height: 48px; padding: 12px 18px; font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: 0; }
.button--primary { color: #f8f9fa; background: #590b1b; }
.button--primary:hover { background: #723143; }
.text-link { border-color: #8b3b4d; font-size: 12px; font-weight: 600; letter-spacing: 0; }
.hero__art { width: min(100%, 440px); min-height: 608px; margin-top: 8px; }
.hero__art img { height: 608px; filter: grayscale(.35) saturate(.65) brightness(.72) contrast(1.17); transition: filter .6s ease, transform 1s ease; }
.hero__art:hover img { filter: grayscale(.12) saturate(.9) brightness(.8) contrast(1.1); transform: scale(1.025); }
.hero__art::before { position: absolute; z-index: 1; top: 0; left: 0; width: 53px; height: 3px; content: ''; background: #8b3b4d; }
.hero__art figcaption { right: 19px; bottom: 17px; color: #d0d3d4; }
.hero__index { bottom: 48px; color: #aeb3b5; }
.hero__index i { background: #565b5e; }
.intro { padding-top: 134px; }
.intro h2 { font-family: 'Golos Text', sans-serif; font-size: clamp(34px, 4vw, 55px); font-weight: 600; line-height: 1.08; letter-spacing: -.05em; }
.intro__text, .bio__text { color: #bec4c7; font-size: 16px; line-height: 1.66; letter-spacing: 0; }
.statement { border-color: var(--line); }
.statement__mark { color: #a86978; }
.statement p { color: #e5e8ea; font-family: 'Golos Text', sans-serif; font-size: clamp(23px, 2.2vw, 31px); font-style: normal; font-weight: 400; line-height: 1.28; letter-spacing: -.025em; }
.cards-section { padding-bottom: 140px; }
.section-heading > p { color: #c5cacc; font-size: 15px; line-height: 1.6; letter-spacing: 0; }
.method-grid { gap: 1px; background: #4a4d50; border-color: #4a4d50; }
.method-card { color: #e3e6e7; background: #24272b; }
.method-card:hover { color: #f5f5f5; background: #303338; }
.method-card--red { color: #f8f9fa; background: #450209; }
.method-card--red:hover { background: #590b1b; }
.method-card--image { background: #202125; }
.method-card__image { opacity: .15; background-image: linear-gradient(145deg, #310913 3%, transparent 65%), radial-gradient(circle at 83% 12%, rgba(94,20,43,.4), transparent 35%); }
.method-card h3 { max-width: 340px; font-family: 'Golos Text', sans-serif; font-size: clamp(22px, 2.1vw, 27px); font-weight: 600; line-height: 1.12; letter-spacing: -.045em; }
.method-card p { color: #c8cbce; font-size: 14px; line-height: 1.52; letter-spacing: 0; }
.method-card--red p { color: #ece6e7; }
.format-section { color: #edf0f1; background: #24272b; }
.format-section h2, .cabinet-section h2, .about-teaser h2, .questions h2, .page-cta h2 { font-size: clamp(32px, 3.5vw, 50px); font-weight: 600; line-height: 1.16; letter-spacing: -.05em; }
.format-section h2, .cabinet-section h2, .about-teaser h2, .questions h2, .page-cta h2 { font-family: 'Golos Text', sans-serif; }
.format-step { border-color: rgba(240,240,240,.23); }
.format-step p { color: #c9cdd0; font-size: 15px; letter-spacing: 0; }
.format-step span, .section-kicker--light { color: #c48b98; }
.button--light { color: #f5f5f5; background: #590b1b; }
.button--light:hover { background: #723143; }
.cabinet-section { background: #191b1e; }
.cabinet-section p, .about-teaser__copy p { color: #c6cbcd; font-size: 15px; letter-spacing: 0; }
.cabinet-section__note { color: #bd7b89 !important; }
.terminal-card { color: #edeff0; background: #24272b; box-shadow: 13px 13px 0 #310913; transform: rotate(1deg); }
.terminal-card__body p { font-family: 'Golos Text', sans-serif; font-style: normal; font-weight: 600; letter-spacing: -.035em; }
.terminal-card__body strong { color: #c48b98; }
.about-teaser { color: #edeff0; background: #24272b; }
.about-teaser__portrait img { filter: grayscale(.64) contrast(1.1) brightness(.71); }
.questions { background: #191b1e; }
.accordion__item button { color: #eceeef; font-weight: 600; letter-spacing: 0; }
.accordion__content > p { color: #bdc3c5; font-size: 15px; letter-spacing: 0; }
.site-footer { color: #e9ecee; background: #310913; }
.site-footer__brand { font-family: 'Unbounded', sans-serif; font-size: 17px; font-weight: 600; letter-spacing: -.055em; }
.site-footer__brand span { font-family: var(--mono); font-size: 9px; font-weight: 400; letter-spacing: 0; }
.page-hero h1 { font-size: clamp(39px, 4.4vw, 62px); }
.page-hero__portrait img { filter: grayscale(.75) contrast(1.1) brightness(.7); }
.bio__big { font-family: 'Unbounded', sans-serif; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.2; letter-spacing: -.04em; }
.principles { color: #e9ecee; background: #24272b; }
.principles li p { letter-spacing: -.015em; }
.principles strong { color: #bd7b89; }
.format-page__intro { font-family: 'Golos Text', sans-serif; font-style: normal; font-weight: 600; letter-spacing: -.025em; }
.format-page__steps h2 { font-size: clamp(23px, 2.5vw, 32px); line-height: 1.2; letter-spacing: -.035em; }
.fit-section { background: #450209; }

@media (max-width: 780px) {
  .site-header { padding-top: 19px; padding-bottom: 19px; }
  .brand__name { font-size: 13px; }
  .brand__by { font-size: 8px; }
  .menu-toggle { color: #edeff0; }
  .menu-toggle i, .menu-toggle::after { background: #edeff0; }
  .main-nav { top: 71px; background: #24272b; border: 1px solid #43474a; }
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 38px; gap: 8px; }
  .hero__copy { padding: 37px 0 28px; }
  h1 { font-size: clamp(36px, 8.8vw, 51px); line-height: 1.13; }
  .hero__lead { font-size: 15px; }
  .hero__art { width: 87%; min-height: 420px; margin: 0 0 0 auto; }
  .hero__art img { height: 420px; }
  .hero__index { right: auto; bottom: -24px; left: 0; }
  .intro { padding-top: 112px; }
  .intro h2 { font-size: clamp(28px, 7vw, 42px); }
  .method-card h3 { font-size: 22px; }
  .about-teaser__copy { color: #edeff0; }
  .questions h2, .format-section h2, .cabinet-section h2, .about-teaser h2 { font-size: clamp(29px, 7vw, 43px); }
}