:root {
  --ink: #090613;
  --paper: #f8efff;
  --acid: #ff54c8;
  --pink: #ff89df;
  --red: #ff4b63;
  --blue: #3f5cff;
  --violet: #7f41ff;
  --line: 2px solid var(--ink);
  --pad: clamp(20px, 4vw, 64px);
  --display: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  --mono: "Courier New", Courier, monospace;
  --sans: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  color: var(--ink);
  background: radial-gradient(circle at top right, rgba(255,84,200,.16), transparent 28%), radial-gradient(circle at 15% 20%, rgba(127,65,255,.12), transparent 30%), var(--paper);
  font-family: var(--sans);
  overflow-x: hidden;
}
body.is-locked { overflow: hidden; }
button, a { color: inherit; }
button { font: inherit; }
a { text-decoration: none; }
::selection { background: var(--ink); color: var(--pink); }

.noise {
  position: fixed; inset: 0; z-index: 9998; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

.cursor {
  position: fixed; z-index: 10000; width: 28px; height: 28px; border: 1px solid var(--ink); border-radius: 50%;
  transform: translate(-50%, -50%); pointer-events: none; transition: width .18s, height .18s, background .18s;
  mix-blend-mode: difference; background: var(--pink);
}
.cursor span { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: black; inset: 50%; transform: translate(-50%, -50%); }
.cursor.is-hover { width: 54px; height: 54px; }

.section-pad { padding: var(--pad); }
.micro-label { font: 700 11px/1.2 var(--mono); letter-spacing: .12em; text-transform: uppercase; }

.boot {
  position: fixed; inset: 0; z-index: 9999; background: var(--ink); color: var(--acid); display: grid; place-items: center;
  transition: transform .7s cubic-bezier(.8,0,.2,1), visibility .7s;
}
.boot.is-hidden { transform: translateY(-105%); visibility: hidden; }
.boot__frame { width: min(850px, calc(100vw - 32px)); min-height: 480px; border: 1px solid var(--acid); padding: 18px; display: flex; flex-direction: column; }
.boot__head { display: flex; justify-content: space-between; border-bottom: 1px solid var(--acid); padding-bottom: 12px; font: 700 12px var(--mono); }
.boot__log { flex: 1; padding: 26px 0; font: 13px/1.8 var(--mono); }
.boot__log p { margin: 0; opacity: .82; }
.boot__log p::before { content: "> "; }
.boot__log p.is-important { color: white; opacity: 1; }
.boot__enter, .boot__escape { border: 0; cursor: pointer; }
.boot__enter { padding: 20px; background: var(--acid); color: var(--ink); font: 900 18px var(--display); letter-spacing: .08em; }
.boot__enter:disabled { opacity: .2; cursor: wait; }
.boot__escape { margin-top: 12px; background: transparent; color: var(--acid); font: 10px var(--mono); text-decoration: underline; }

.topbar {
  position: sticky; top: 0; z-index: 100; min-height: 72px; padding: 12px var(--pad); border-bottom: var(--line); background: rgba(248,239,255,.92);
  backdrop-filter: blur(12px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
}
.topbar__logo { width: max-content; display: flex; align-items: baseline; font: 900 20px/1 var(--display); letter-spacing: -.05em; }
.topbar__logo span { transform: rotate(-90deg); font-size: 8px; letter-spacing: .1em; }
.topbar__logo strong { font-size: 25px; }
.topbar__logo sup { font: 8px var(--mono); margin-left: 3px; }
.topbar__nav { display: flex; gap: clamp(16px, 3vw, 45px); font: 700 11px var(--mono); letter-spacing: .05em; }
.topbar__nav a { position: relative; }
.topbar__nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -5px; height: 2px; background: var(--ink); transition: right .25s; }
.topbar__nav a:hover::after { right: 0; }
.weird-toggle { justify-self: end; border: var(--line); background: linear-gradient(120deg, var(--violet), var(--red), var(--acid)); color: white; padding: 7px 10px; cursor: pointer; display: flex; gap: 12px; align-items: center; font: 700 9px var(--mono); }
.weird-toggle b { font-size: 13px; }

.hero { min-height: calc(100vh - 72px); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; position: relative; }
.hero__index { display: flex; justify-content: space-between; }
.hero__title { margin: clamp(50px, 8vh, 100px) 0 30px; line-height: .71; letter-spacing: -.105em; font-family: var(--display); font-weight: 900; text-transform: uppercase; }
.hero__the { display: block; font-size: clamp(60px, 9vw, 150px); transform: translateX(.3vw); }
.hero__kirill { display: block; font-size: clamp(115px, 25.5vw, 485px); white-space: nowrap; }
.hero__kirill::after { content: "*"; font-size: .22em; vertical-align: top; margin-left: .03em; color: var(--acid); }
.hero__grid { display: grid; grid-template-columns: 1.2fr 1fr .6fr; gap: 35px; align-items: end; }
.hero__intro { margin: 0; font: 900 clamp(24px, 3vw, 48px)/.98 var(--display); text-transform: uppercase; }
.hero__annotation { display: grid; grid-template-columns: 30px 1fr; font: 13px/1.45 var(--mono); max-width: 480px; }
.hero__annotation p { margin: 0; }
.annotation__arrow { font-size: 24px; }
.hero__seal { justify-self: end; width: 150px; height: 150px; border: 3px solid var(--acid); border-radius: 50%; color: var(--acid); display: flex; flex-direction: column; justify-content: center; align-items: center; transform: rotate(-13deg); font-family: var(--mono); }
.hero__seal::before, .hero__seal::after { content: "✦"; position: absolute; }
.hero__seal::before { transform: translateY(-54px); }
.hero__seal::after { transform: translateY(54px); }
.hero__seal span { font-size: 10px; }
.hero__seal strong { font-size: 15px; margin: 4px 0; }
.hero__seal small { font-size: 9px; }
.hero__actions { display: flex; gap: 12px; margin-top: 42px; }
.action { min-height: 56px; border: var(--line); padding: 0 24px; display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; cursor: pointer; font: 900 13px var(--mono); }
.action--primary { background: linear-gradient(90deg, var(--violet), var(--blue)); color: white; min-width: 300px; }
.action--primary:hover { background: linear-gradient(90deg, var(--red), var(--acid)); }
.action--ghost { background: transparent; }
.action--ghost:hover { background: linear-gradient(90deg, rgba(127,65,255,.18), rgba(255,84,200,.22)); }
.ticker { margin: 45px calc(var(--pad) * -1) calc(var(--pad) * -1); border-top: var(--line); border-bottom: var(--line); overflow: hidden; background: linear-gradient(90deg, var(--violet), var(--blue), var(--acid)); color: white; }
.ticker__track { width: max-content; padding: 12px 0; display: flex; gap: 25px; align-items: center; animation: ticker 24s linear infinite; font: 900 12px var(--mono); }
.ticker__track i { font-style: normal; }
@keyframes ticker { to { transform: translateX(-50%); } }

.section-head { display: flex; justify-content: space-between; align-items: flex-start; }
.section-head__status { border: 1px solid; padding: 6px 9px; font: 700 9px var(--mono); transform: rotate(2deg); }
.manifesto { min-height: 100vh; background: radial-gradient(circle at 20% 25%, rgba(127,65,255,.26), transparent 25%), radial-gradient(circle at 85% 15%, rgba(255,84,200,.18), transparent 22%), var(--ink); color: var(--paper); position: relative; overflow: hidden; }
.manifesto__title { margin: clamp(65px, 10vw, 150px) 0 60px; font: 900 clamp(44px, 9.3vw, 170px)/.78 var(--display); letter-spacing: -.07em; }
.manifesto__title span { display: block; }
.manifesto__title span:nth-child(2) { color: var(--pink); transform: translateX(3vw); }
.manifesto__body { margin-left: auto; max-width: 800px; display: grid; grid-template-columns: 1fr 1fr; gap: 45px; font: 15px/1.6 var(--mono); }
.manifesto__body p { margin: 0; }
.manifesto__stamp { position: absolute; bottom: 6%; left: 5%; border: 4px double var(--red); color: var(--red); padding: 15px 22px; font: 900 18px/1.05 var(--mono); text-align: center; transform: rotate(11deg); }

.archive { background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0)), var(--paper); }
.archive__toolbar { display: flex; justify-content: space-between; align-items: end; margin-bottom: 45px; }
.archive__toolbar h2, .future h2, .author h2 { margin: 7px 0 0; font: 900 clamp(60px, 10vw, 150px)/.8 var(--display); letter-spacing: -.06em; }
.archive__toolbar h2 sup { color: var(--red); font-size: .2em; vertical-align: top; font-family: var(--mono); }
.archive__controls { display: flex; border: var(--line); }
.view-btn { border: 0; background: transparent; padding: 10px 15px; font: 700 10px var(--mono); cursor: pointer; }
.view-btn + .view-btn { border-left: var(--line); }
.view-btn.is-active { background: var(--ink); color: var(--paper); }
.project-grid { display: grid; grid-template-columns: repeat(12, 1fr); border-top: var(--line); border-left: var(--line); }
.project-card { min-height: 520px; padding: 18px; border-right: var(--line); border-bottom: var(--line); position: relative; overflow: hidden; cursor: pointer; transition: transform .25s, box-shadow .25s; display: flex; flex-direction: column; }
.project-card:hover, .project-card:focus-visible { z-index: 2; transform: translate(-7px,-7px) rotate(-.5deg); box-shadow: 14px 14px 0 var(--ink), 0 0 0 4px rgba(255,84,200,.18); outline: 0; }
.project-card:nth-child(1) { grid-column: span 7; }
.project-card:nth-child(2) { grid-column: span 5; }
.project-card:nth-child(3) { grid-column: span 4; }
.project-card:nth-child(4) { grid-column: span 8; }
.project-card:nth-child(5) { grid-column: span 5; }
.project-card:nth-child(6) { grid-column: span 3; }
.project-card:nth-child(7) { grid-column: span 4; }
.project-card__meta { display: flex; justify-content: space-between; font: 700 10px var(--mono); position: relative; z-index: 2; }
.project-card h3 { margin: auto 0 22px; font: 900 clamp(35px, 5vw, 85px)/.82 var(--display); letter-spacing: -.055em; position: relative; z-index: 2; }
.project-card p { max-width: 460px; margin: 0 0 28px; font: 13px/1.45 var(--mono); position: relative; z-index: 2; }
.project-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; position: relative; z-index: 3; }
.project-card__footer button { border: 0; background: transparent; padding: 0; cursor: pointer; font: 900 10px var(--mono); }
.status { display: inline-block; border: 1px solid; padding: 7px 9px; font: 700 9px var(--mono); }
.status--live { background: var(--ink); color: var(--acid); }
.status--viral { background: var(--red); color: white; }
.status--sale { background: var(--acid); }
.status--ritual { background: white; color: var(--violet); }
.status--forming { background: white; color: var(--blue); }
.status--sealed { background: var(--ink); color: white; }
.status--mutating { background: #c8ff78; }
.project-card--acid { background: linear-gradient(135deg, var(--violet) 0%, var(--red) 52%, var(--acid) 100%); color: white; }
.project-card__symbol { position: absolute; right: 8%; top: 12%; font: 900 clamp(130px, 22vw, 360px)/1 var(--display); transform: rotate(10deg); opacity: .16; }
.project-card--medical { background: #f2ebff; }
.project-card--medical::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 23px, rgba(63,92,255,.14) 24px 25px); }
.project-card__rx { position: absolute; right: 8%; top: 12%; color: var(--red); font: italic 900 clamp(90px, 15vw, 240px)/1 Georgia, serif; transform: rotate(-9deg); opacity: .8; }
.project-card__metric { position: absolute; right: 18px; top: 45%; text-align: right; z-index: 2; }
.project-card__metric strong { display: block; color: var(--red); font: 900 33px var(--display); }
.project-card__metric span { font: 8px var(--mono); text-transform: uppercase; }
.project-card--industrial { background: #ddd5f4; }
.hazard { display: flex; position: absolute; inset: 65px -20px auto; height: 80px; transform: rotate(-9deg); border-top: var(--line); border-bottom: var(--line); overflow: hidden; opacity: .7; }
.hazard span { flex: 1; min-width: 60px; background: var(--acid); transform: skewX(-30deg); border-right: 35px solid var(--ink); }
.project-card--church { background: linear-gradient(135deg, #5b2aff 0%, var(--violet) 40%, var(--red) 100%); color: white; }
.project-card__halo { position: absolute; right: 8%; top: 13%; width: clamp(140px, 23vw, 350px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; display: grid; place-items: center; font: 900 90px var(--mono); }
.project-card__halo::before, .project-card__halo::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.3); border-radius:50%; inset:12%; }
.project-card__halo::after { inset:26%; }
.project-card__halo span:first-child { transform: translateX(15px); }
.project-card__halo span:last-child { transform: translateX(-15px); }
.project-card--church blockquote { position: relative; z-index: 2; margin: 0 0 30px auto; max-width: 320px; font: italic 16px/1.3 Georgia, serif; }
.project-card--sound { background: linear-gradient(135deg, #1d2cff 0%, var(--blue) 45%, var(--violet) 100%); color: white; }
.wave { position: absolute; left: 5%; right: 5%; top: 25%; height: 140px; display: flex; align-items: center; justify-content: space-between; opacity: .55; }
.wave i { width: 2%; background: white; animation: wave 1.2s ease-in-out infinite alternate; }
.wave i:nth-child(1), .wave i:nth-child(12) { height: 10%; }.wave i:nth-child(2), .wave i:nth-child(11) { height: 25%; }.wave i:nth-child(3), .wave i:nth-child(10) { height: 48%; }.wave i:nth-child(4), .wave i:nth-child(9) { height: 80%; }.wave i:nth-child(5), .wave i:nth-child(8) { height: 55%; }.wave i:nth-child(6), .wave i:nth-child(7) { height: 100%; }
.wave i:nth-child(even) { animation-delay: -.5s; }
@keyframes wave { to { transform: scaleY(.35); } }
.project-card--covid { background: #f3f0ff; }
.project-card__counter { position: absolute; left: 12%; right: 12%; top: 20%; border: 7px solid var(--ink); background: var(--ink); color: var(--acid); padding: 15px; display: grid; gap: 5px; font: 900 clamp(42px,7vw,100px)/.8 var(--mono); text-align: right; box-shadow: 0 0 0 3px var(--paper), 0 0 0 5px var(--ink); }
.project-card__counter span:first-child { opacity: .18; }
.project-card--magic { background: linear-gradient(135deg, #f0d5ff 0%, #cfb0ff 55%, #ffb1e8 100%); }
.project-card__moon { position: absolute; right: 4%; top: 10%; width: 210px; height: 210px; background: var(--ink); border-radius: 50%; box-shadow: -35px 8px 0 var(--pink); transform: rotate(-20deg); opacity: .8; }
.project-card__moon span, .project-card__moon span::before, .project-card__moon span::after { content:""; position:absolute; width:5px; height:5px; background:white; border-radius:50%; left:60%; top:20%; box-shadow: 55px 50px white, -65px 85px white, 15px 130px white; }

.project-grid.is-list { display: block; border: var(--line); }
.project-grid.is-list .project-card { min-height: 150px; border: 0; border-bottom: var(--line); display: grid; grid-template-columns: 100px 1.2fr 1fr auto; align-items: center; gap: 25px; }
.project-grid.is-list .project-card:last-child { border-bottom: 0; }
.project-grid.is-list .project-card h3 { margin: 0; font-size: clamp(26px,4vw,55px); }
.project-grid.is-list .project-card p { margin: 0; }
.project-grid.is-list .project-card__symbol, .project-grid.is-list .project-card__rx, .project-grid.is-list .hazard, .project-grid.is-list .project-card__halo, .project-grid.is-list .wave, .project-grid.is-list .project-card__counter, .project-grid.is-list .project-card__moon, .project-grid.is-list blockquote, .project-grid.is-list .project-card__metric { display:none; }
.project-grid.is-list .project-card:hover { transform: translateX(7px); box-shadow: -14px 0 0 var(--ink); }

.diagnostic { display: grid; grid-template-columns: 1.4fr .6fr; padding-top: 0; background: var(--paper); }
.diagnostic__panel { min-height: 580px; border: var(--line); background: linear-gradient(135deg, var(--red), var(--violet) 58%, var(--blue)); color: white; padding: clamp(28px,5vw,75px); display: flex; flex-direction: column; }
.diagnostic__panel h2 { margin: auto 0 25px; font: 900 clamp(65px,10vw,150px)/.76 var(--display); letter-spacing: -.07em; }
.diagnostic__panel > p { margin: 0 0 30px; font: 900 clamp(26px,4vw,65px)/.9 var(--display); text-transform: uppercase; }
.diagnostic__buttons { display: flex; gap: 10px; }
.answer-btn { border: 2px solid white; background: transparent; color: white; padding: 15px 20px; cursor: pointer; font: 900 11px var(--mono); }
.answer-btn:hover { background: white; color: var(--violet); }
.diagnostic__result { min-height: 22px; margin-top: 15px; font: 700 11px var(--mono); }
.diagnostic__aside { border: var(--line); border-left: 0; padding: 40px; background: linear-gradient(180deg, var(--pink), #ffc0ef 70%); display: flex; flex-direction: column; }
.diagnostic__aside > span { font: 900 12px var(--mono); }
.diagnostic__aside ul { margin: auto 0; padding-left: 18px; font: 700 18px/1.8 var(--display); text-transform: uppercase; }
.diagnostic__aside small { font: 9px/1.4 var(--mono); }

.future { background: linear-gradient(180deg, rgba(127,65,255,.16), transparent 20%), var(--ink); color: var(--paper); }
.future h2 { margin: 70px 0; }
.future__list { border-top: 1px solid var(--paper); }
.future__list button { width: 100%; display: grid; grid-template-columns: 80px 1fr auto; gap: 20px; align-items: center; padding: 24px 8px; color: var(--paper); background: transparent; border: 0; border-bottom: 1px solid var(--paper); text-align: left; cursor: crosshair; }
.future__list span, .future__list i { font: 10px var(--mono); font-style: normal; }
.future__list b { font: 900 clamp(20px,3.5vw,52px)/.9 var(--display); }
.future__list button:hover { background: linear-gradient(90deg, var(--violet), var(--acid)); color: white; padding-left: 25px; }
.future__warning { max-width: 530px; margin: 40px 0 0 auto; color: var(--pink); font: 11px/1.5 var(--mono); }

.author { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(30px,7vw,110px); background: linear-gradient(135deg, #ffd2f2 0%, #e9d7ff 48%, #d6e0ff 100%); }
.author__portrait { min-height: 680px; border: var(--line); background: linear-gradient(180deg, var(--violet), var(--blue)); position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.portrait__head { position: absolute; width: 190px; height: 230px; border-radius: 46% 46% 42% 42%; background: var(--paper); top: 12%; z-index: 2; border: 3px solid var(--ink); }
.portrait__head::before, .portrait__head::after { content:""; position:absolute; top:42%; width:23px; height:13px; border-top:4px solid var(--ink); }
.portrait__head::before { left:35px; transform:rotate(5deg); }.portrait__head::after { right:35px; transform:rotate(-5deg); }
.portrait__head span { position:absolute; width:38px; height:2px; background:var(--ink); bottom:50px; left:50%; transform:translateX(-50%); }
.portrait__head i { position:absolute; width:210px; height:90px; background:var(--ink); border-radius:60% 60% 10% 10%; top:-25px; left:-12px; }
.portrait__body { width: 80%; height: 55%; background: var(--ink); border-radius: 48% 48% 0 0; }
.portrait__caption { position:absolute; left:15px; bottom:15px; padding:10px; background:var(--pink); color:var(--ink); font:700 9px/1.3 var(--mono); transform:rotate(-2deg); }
.author__content { display: flex; flex-direction: column; justify-content: center; }
.author__content h2 { font-size: clamp(90px,15vw,240px); }
.author__lead { margin: 25px 0 55px; font: 900 clamp(25px,3vw,48px)/.95 var(--display); text-transform: uppercase; }
.author dl { margin: 0; border-top: var(--line); }
.author dl div { display: grid; grid-template-columns: 180px 1fr; padding: 17px 0; border-bottom: var(--line); gap: 20px; }
.author dt { font: 700 9px var(--mono); }
.author dd { margin: 0; font: 700 13px/1.4 var(--mono); }
.pulse { display:inline-block; width:8px; height:8px; background:var(--red); border-radius:50%; animation:pulse 1s infinite; }
@keyframes pulse { 50% { box-shadow:0 0 0 8px rgba(255,59,36,0); } 0% { box-shadow:0 0 0 0 rgba(255,59,36,.6); } }
.author__links { display:flex; gap:10px; margin-top:40px; }
.author__links a, .author__links button { border:var(--line); background:var(--paper); padding:16px 20px; cursor:pointer; font:900 10px var(--mono); }
.author__links a:hover, .author__links button:hover { background:linear-gradient(90deg, var(--red), var(--violet)); color:white; }

.footer { background: linear-gradient(180deg, rgba(255,84,200,.08), rgba(255,84,200,0)), var(--paper); border-top: var(--line); padding-bottom: 25px; }
.footer__big { font: 900 clamp(70px,15.5vw,280px)/.75 var(--display); letter-spacing: -.08em; white-space: nowrap; }
.footer__line { margin-top: 55px; padding-top: 16px; border-top: var(--line); display: grid; grid-template-columns: 1fr 2fr auto; font: 700 9px var(--mono); }
.footer__line button { border: 0; background: transparent; font: inherit; cursor:pointer; }

.dossier { width: 100vw; max-width: none; height: 100vh; max-height: none; border: 0; padding: 0; background: transparent; color: var(--ink); }
.dossier::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(8px); }
.dossier[open] { animation: dossier-in .35s ease-out; }
@keyframes dossier-in { from { transform: translateY(100%); } }
.dossier__shell { width: min(1100px, 100%); min-height: 100%; margin-left: auto; background: var(--paper); border-left: 3px solid var(--ink); }
.dossier__header { position: sticky; top: 0; z-index: 3; display:flex; justify-content:space-between; padding:18px 25px; border-bottom:var(--line); background: linear-gradient(90deg, var(--acid), var(--pink)); font:700 10px var(--mono); }
.dossier__close { border:0; background:transparent; cursor:pointer; font:900 10px var(--mono); }
.dossier__content { padding: clamp(25px,6vw,80px); }
.dossier__intro { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; }
.dossier__eyebrow { font:700 10px var(--mono); }
.dossier__intro h2 { margin:15px 0 0; max-width:800px; font:900 clamp(55px,9vw,125px)/.78 var(--display); letter-spacing:-.06em; }
.dossier__status { border:2px solid; padding:12px; font:900 10px var(--mono); transform:rotate(3deg); white-space:nowrap; }
.dossier__facts { margin:65px 0; display:grid; grid-template-columns:repeat(4,1fr); border-top:var(--line); border-left:var(--line); }
.dossier__facts div { min-height:120px; padding:15px; border-right:var(--line); border-bottom:var(--line); }
.dossier__facts span { display:block; font:700 8px var(--mono); margin-bottom:25px; }
.dossier__facts strong { font:900 18px/1.05 var(--display); text-transform:uppercase; }
.dossier__story { display:grid; grid-template-columns:220px 1fr; gap:30px; border-top:var(--line); padding-top:25px; }
.dossier__story h3 { margin:0; font:900 11px var(--mono); }
.dossier__story p { margin:0; font:700 clamp(20px,3vw,34px)/1.2 var(--display); text-transform:uppercase; }
.dossier__quote { margin:70px 0 0 20%; padding:30px; background:var(--ink); color:var(--pink); font:italic 25px/1.25 Georgia,serif; transform:rotate(-1deg); }
.dossier__actions { margin-top:60px; display:flex; flex-wrap:wrap; gap:10px; }
.dossier__actions a { border:var(--line); padding:16px 18px; background:linear-gradient(90deg, var(--violet), var(--acid)); color: white; font:900 10px var(--mono); }
.dossier__actions a:hover { background:linear-gradient(90deg, var(--red), var(--acid)); color:white; }

.toast { position:fixed; z-index:10001; right:20px; bottom:20px; max-width:360px; padding:15px 18px; background:linear-gradient(135deg, var(--ink), #18082e); color:var(--pink); font:700 10px/1.4 var(--mono); transform:translateY(150%); transition:.25s; }
.toast.is-visible { transform:translateY(0); }

body.weird .hero__kirill { animation: chroma .16s steps(2) infinite; }
body.weird .project-card:nth-child(odd) { transform: rotate(.45deg); }
body.weird .project-card:nth-child(even) { transform: rotate(-.45deg); }
body.weird .topbar { animation: hue 5s linear infinite; }
body.weird .noise { opacity:.1; }
@keyframes chroma { 0%{text-shadow:5px 0 var(--red),-5px 0 var(--blue)} 50%{text-shadow:-3px 0 var(--red),3px 0 var(--blue)} }
@keyframes hue { 50% { filter:hue-rotate(50deg); } }

@media (max-width: 900px) {
  .cursor { display:none; }
  .topbar { grid-template-columns:1fr auto; }
  .topbar__nav { display:none; }
  .hero__grid { grid-template-columns:1fr 1fr; }
  .hero__seal { display:none; }
  .project-card:nth-child(n) { grid-column:span 6; }
  .manifesto__body { margin-left:0; }
  .diagnostic { grid-template-columns:1fr; }
  .diagnostic__aside { border-left:var(--line); border-top:0; min-height:350px; }
  .author { grid-template-columns:1fr; }
  .dossier__facts { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 600px) {
  :root { --pad:20px; }
  .topbar { min-height:60px; }
  .weird-toggle span { display:none; }
  .hero { min-height:auto; }
  .hero__index { font-size:8px; }
  .hero__title { margin-top:80px; }
  .hero__the { font-size:52px; }
  .hero__kirill { font-size:27vw; }
  .hero__grid, .manifesto__body { grid-template-columns:1fr; }
  .hero__annotation { margin-top:20px; }
  .hero__actions, .diagnostic__buttons, .author__links { flex-direction:column; }
  .action, .action--primary { width:100%; min-width:0; }
  .manifesto { min-height:auto; }
  .manifesto__title { margin-top:90px; }
  .manifesto__body { gap:24px; }
  .manifesto__stamp { position:relative; left:auto; bottom:auto; margin:55px 0 20px auto; width:max-content; }
  .archive__toolbar { align-items:flex-start; gap:20px; }
  .archive__controls { display:none; }
  .project-grid { display:block; border-top:var(--line); }
  .project-card:nth-child(n) { min-height:480px; border-left:var(--line); }
  .project-card:hover, .project-card:focus-visible { transform:none; box-shadow:none; }
  .diagnostic__panel { min-height:570px; }
  .diagnostic__panel h2 { font-size:28vw; }
  .future__list button { grid-template-columns:35px 1fr; }
  .future__list i { display:none; }
  .author__portrait { min-height:530px; }
  .author dl div { grid-template-columns:1fr; gap:7px; }
  .footer__big { font-size:17vw; }
  .footer__line { grid-template-columns:1fr auto; gap:20px; }
  .footer__line span:nth-child(2) { display:none; }
  .dossier__intro { flex-direction:column; }
  .dossier__facts { grid-template-columns:1fr 1fr; }
  .dossier__story { grid-template-columns:1fr; }
  .dossier__quote { margin-left:0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; }
  .boot { display:none; }
}


/* ==========================================================
   УРОВЕНЬ СТРАННОСТИ 73%: сознательно избыточный слой сайта
   ========================================================== */
:root { --mx: 50vw; --my: 50vh; }
body.unstable::before {
  content:""; position:fixed; inset:0; z-index:9997; pointer-events:none; opacity:.16;
  background:
    radial-gradient(circle 170px at var(--mx) var(--my), transparent 0 48%, rgba(237,255,0,.18) 50% 51%, transparent 53%),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(11,11,11,.06) 80px 81px);
  mix-blend-mode:multiply;
}
body.site-ready main { animation:site-arrival .75s cubic-bezier(.2,.8,.2,1) both; }
@keyframes site-arrival { from { opacity:0; transform:scale(.985) rotate(.15deg); filter:contrast(2); } }

.anomaly-layer { position:fixed; inset:0; z-index:90; pointer-events:none; overflow:hidden; }
.anomaly { position:absolute; padding:7px 10px; border:1px solid currentColor; background:var(--paper); color:var(--ink); font:700 8px var(--mono); letter-spacing:.08em; box-shadow:4px 4px 0 currentColor; opacity:.9; }
.anomaly--one { left:-58px; top:32%; transform:rotate(-90deg); }
.anomaly--two { right:-112px; top:58%; transform:rotate(90deg); background:var(--red); color:white; }
.anomaly--three { left:3vw; bottom:3vh; transform:rotate(-3deg); background:var(--acid); animation:anomaly-hop 8s steps(1) infinite; }
.anomaly--four { right:2vw; top:18vh; transform:rotate(5deg); background:var(--ink); color:var(--acid); }
@keyframes anomaly-hop { 0%,74%{opacity:.9} 75%{left:67vw;bottom:8vh} 76%,100%{opacity:.9} }

.site-monitor { position:fixed; z-index:101; right:12px; bottom:12px; width:170px; padding:10px; border:2px solid var(--ink); background:var(--acid); box-shadow:6px 6px 0 var(--ink); display:grid; gap:3px; transform:rotate(1.5deg); pointer-events:none; }
.site-monitor span { font:700 7px var(--mono); }
.site-monitor b { font:900 12px var(--display); }
.site-monitor i { justify-self:end; font:900 22px var(--mono); font-style:normal; }

.topbar { box-shadow:0 8px 0 rgba(11,11,11,.08); }
.topbar::after { content:"САЙТ СЕРТИФИЦИРОВАН НИКЕМ"; position:absolute; left:50%; top:100%; transform:translateX(-50%) rotate(-1deg); background:var(--red); color:white; padding:3px 8px; font:700 7px var(--mono); }
.nav-chaos { border:0; border-bottom:1px dashed; background:transparent; padding:0; cursor:pointer; font:700 10px var(--mono); }
.nav-chaos:hover { background:var(--red); color:white; transform:rotate(-3deg) scale(1.08); }
.weird-toggle { box-shadow:4px 4px 0 var(--ink); transform:rotate(-1deg); }

.hero { min-height:calc(100vh - 72px); isolation:isolate; background:
  linear-gradient(113deg, transparent 0 68%, rgba(255,59,36,.08) 68% 69%, transparent 69%),
  var(--paper); }
.hero::before { content:""; position:absolute; z-index:-1; width:42vw; height:42vw; right:-16vw; top:4vh; border:clamp(30px,7vw,110px) solid var(--acid); border-radius:50%; box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink); animation:orbit-deform 12s ease-in-out infinite alternate; }
.hero::after { content:"АВТОР НЕ НЕСЁТ ОТВЕТСТВЕННОСТИ ЗА ПОЯВЛЕНИЕ НОВЫХ ПРОЕКТОВ ПОСЛЕ ПРОСМОТРА"; position:absolute; right:4vw; bottom:120px; width:220px; padding:12px; border:3px double var(--red); color:var(--red); background:var(--paper); font:900 8px/1.35 var(--mono); transform:rotate(7deg); }
@keyframes orbit-deform { to { transform:translate(-5vw,9vh) rotate(35deg); border-radius:43% 57% 63% 37%; } }
.hero__index-alert { background:var(--ink); color:var(--acid); padding:4px 7px; transform:rotate(1deg); }
.hero__warning { position:absolute; right:var(--pad); top:8vh; width:155px; height:155px; border:3px solid var(--ink); background:var(--red); color:white; display:grid; place-content:center; text-align:center; transform:rotate(12deg); clip-path:polygon(50% 0,61% 18%,82% 8%,86% 31%,100% 38%,86% 54%,95% 76%,72% 78%,64% 100%,47% 86%,28% 100%,23% 78%,0 73%,12% 52%,0 35%,22% 28%,26% 5%,45% 18%); animation:warning-wobble 4s steps(2) infinite; }
.hero__warning span,.hero__warning i { font:700 7px var(--mono); font-style:normal; }.hero__warning b { font:900 25px/.8 var(--display); }
@keyframes warning-wobble { 50%{transform:rotate(-7deg) scale(1.05)} }
.hero__ghost-word { position:absolute; z-index:-1; left:-2vw; top:42%; font:900 14vw/.8 var(--display); color:transparent; -webkit-text-stroke:2px rgba(11,11,11,.08); transform:rotate(-8deg); white-space:nowrap; }
.hero__title { position:relative; z-index:2; }
.hero__the { display:inline-block; background:var(--red); color:white; padding:.02em .14em .06em; transform:rotate(-4deg) translate(.3vw,1vw); box-shadow:.08em .08em 0 var(--ink); }
.hero__kirill { position:relative; filter:drop-shadow(12px 12px 0 rgba(41,87,255,.22)); }
.hero__kirill::before { content:"KIRILL"; position:absolute; left:.012em; top:.045em; z-index:-1; color:var(--acid); -webkit-text-stroke:2px var(--ink); clip-path:polygon(0 37%,100% 28%,100% 49%,0 56%); }
.hero__seal { background:var(--paper); box-shadow:8px 8px 0 var(--red); animation:seal-drift 7s ease-in-out infinite alternate; }
@keyframes seal-drift { to { transform:translate(-30px,12px) rotate(17deg); } }
.action--panic { background:var(--red); color:white; transform:rotate(1.3deg); }
.action--panic:hover { background:var(--blue); transform:rotate(-2deg) scale(1.04); }
.ticker { transform:rotate(-.7deg) scale(1.02); box-shadow:0 10px 0 var(--ink); }

.manifesto::before { content:"НЕ ПОРТФОЛИО"; position:absolute; right:-4vw; top:31%; color:transparent; -webkit-text-stroke:1px rgba(237,255,0,.25); font:900 19vw/.8 var(--display); transform:rotate(90deg); transform-origin:center; }
.manifesto__title span:nth-child(1) { transform:rotate(-1deg); }
.manifesto__title span:nth-child(2) { text-shadow:7px 7px 0 var(--red); }
.manifesto__title span:nth-child(3) { transform:translateX(7vw) rotate(.8deg); }
.manifesto__body p:first-child { border-left:7px solid var(--acid); padding-left:18px; }
.manifesto__body p:last-child { background:var(--paper); color:var(--ink); padding:18px; transform:rotate(-2deg); box-shadow:9px 9px 0 var(--red); }
.manifesto__stamp { animation:stamp-breathe 2.8s steps(2) infinite; }
@keyframes stamp-breathe { 50%{transform:rotate(6deg) scale(1.08)} }

.archive { position:relative; overflow:hidden; background:
  repeating-linear-gradient(0deg,transparent 0 47px,rgba(11,11,11,.045) 48px 49px),
  var(--paper); }
.archive::after { content:"ФОНД 404"; position:absolute; right:-4vw; top:10%; font:900 14vw/.8 var(--display); color:rgba(255,59,36,.09); transform:rotate(90deg); pointer-events:none; }
.archive__toolbar h2 { text-shadow:8px 8px 0 var(--acid); }
.project-grid { position:relative; transform:rotate(.15deg); box-shadow:16px 16px 0 var(--ink); }
.project-card { transform:translateX(var(--chaos-shift,0)) rotate(var(--chaos-rotate,0)); }
.project-card::after { content:"ДЕЛО " attr(data-misfiled); position:absolute; right:-25px; bottom:55px; padding:4px 30px; background:var(--ink); color:white; font:700 7px var(--mono); transform:rotate(-90deg); opacity:0; }
.project-grid.is-misfiled .project-card { animation:misfile .75s cubic-bezier(.36,.07,.19,.97) both; }
.project-grid.is-misfiled .project-card::after { opacity:1; }
@keyframes misfile { 20%{transform:translate(10px,-14px) rotate(3deg)} 40%{transform:translate(-16px,8px) rotate(-4deg)} 70%{filter:invert(1)} }
.project-card:nth-child(3n+1) { clip-path:polygon(0 0,99% 1%,100% 96%,97% 100%,1% 99%); }
.project-card:nth-child(3n+2) { clip-path:polygon(1% 1%,100% 0,99% 100%,0 98%); }
.project-card:nth-child(3n) { clip-path:polygon(0 0,98% 2%,100% 100%,2% 99%); }
.project-card:hover,.project-card:focus-visible { transform:translate(-10px,-12px) rotate(-1.2deg) scale(1.015); box-shadow:20px 20px 0 var(--ink); }
.project-card h3 { text-shadow:2px 2px 0 rgba(255,255,255,.22); }
.project-card h3::first-letter { color:var(--red); }
.project-card.is-glitching { animation:card-glitch .65s steps(2); }
@keyframes card-glitch { 25%{transform:translateX(-12px) skewX(4deg);filter:saturate(3)} 50%{clip-path:polygon(0 0,100% 8%,100% 48%,0 41%,0 55%,100% 62%,100% 100%,0 100%)} 75%{transform:translateX(13px) skewX(-3deg);filter:invert(.8)} }

.interruption { position:relative; padding:0; border-top:8px solid var(--ink); border-bottom:8px solid var(--ink); background:var(--red); color:white; overflow:hidden; transform:rotate(.4deg) scale(1.005); }
.interruption__top { padding:9px var(--pad); background:var(--ink); color:var(--acid); font:700 9px var(--mono); }
.interruption__marquee { overflow:hidden; border-bottom:2px solid var(--ink); }
.interruption__marquee div { width:max-content; padding:22px 0; font:900 clamp(28px,5vw,76px)/.8 var(--display); animation:interruption-run 18s linear infinite; }
@keyframes interruption-run { to{transform:translateX(-50%)} }
.interruption button { display:block; margin:25px auto; border:3px solid white; background:transparent; color:white; padding:18px 28px; font:900 12px var(--mono); cursor:pointer; box-shadow:7px 7px 0 var(--ink); }
.interruption button:hover { background:var(--acid); color:var(--ink); transform:rotate(-2deg); }

.diagnostic { position:relative; overflow:hidden; }
.diagnostic::after { content:"ДА / НЕТ / ВОЗМОЖНО УЖЕ КУПЛЕН ДОМЕН"; position:absolute; right:-20px; bottom:20px; background:var(--blue); color:white; padding:8px; font:700 8px var(--mono); transform:rotate(-5deg); }
.diagnostic__panel { box-shadow:14px 14px 0 var(--ink); transform:rotate(-.35deg); }
.diagnostic__panel h2 { text-shadow:8px 8px 0 var(--ink); }
.answer-btn:hover { transform:rotate(-2deg) scale(1.05); box-shadow:5px 5px 0 var(--ink); }

.future { position:relative; overflow:hidden; }
.future::before { content:"СКОРО?"; position:absolute; right:-3vw; top:2%; font:900 25vw/.7 var(--display); color:rgba(237,255,0,.05); transform:rotate(11deg); }
.future__list button { transform:rotate(var(--press-tilt,0)); transition:.2s; position:relative; z-index:2; }
.future__list button:nth-child(odd) b { transform:translateX(3vw); }
.future__list button.is-awakened { background:var(--red); color:white; animation:awakened 1s steps(2) infinite; }
@keyframes awakened { 50%{letter-spacing:.08em;filter:hue-rotate(90deg)} }

.author { position:relative; overflow:hidden; }
.author::before { content:"ЭКСПОНАТ 000"; position:absolute; right:-3vw; bottom:-3vw; font:900 12vw/.8 var(--display); color:rgba(11,11,11,.08); transform:rotate(-7deg); }
.author__portrait { clip-path:polygon(4% 0,100% 2%,97% 100%,0 96%); box-shadow:18px 18px 0 var(--red); transform:rotate(-1.6deg); }
.portrait__head { animation:portrait-think 6s ease-in-out infinite alternate; }
@keyframes portrait-think { to{transform:translateX(26px) rotate(4deg)} }
.author__content h2 { text-shadow:10px 10px 0 var(--red); transform:rotate(.8deg); }

.footer { overflow:hidden; }
.footer__big { transform:rotate(-1deg) scaleX(1.03); text-shadow:10px 10px 0 var(--acid),20px 20px 0 var(--red); }

.dossier__shell { position:relative; }
.dossier__shell::after { content:"СЕКРЕТНО / НО ОТКРЫТО В БРАУЗЕРЕ"; position:fixed; right:30px; bottom:25px; z-index:4; background:var(--red); color:white; padding:8px 12px; font:700 8px var(--mono); transform:rotate(-4deg); }
.dossier__header { background:linear-gradient(90deg,var(--acid) 0 65%,var(--red) 65%); }
.dossier__intro h2 { text-shadow:7px 7px 0 var(--acid); }
.dossier__quote { box-shadow:12px 12px 0 var(--red); }

.click-stamp { position:fixed; z-index:10005; pointer-events:none; border:4px double var(--red); color:var(--red); background:rgba(241,238,228,.92); padding:13px 18px; font:900 18px var(--mono); animation:stamp-life 1.8s ease-out forwards; }
@keyframes stamp-life { 0%{opacity:0;scale:2} 15%{opacity:1;scale:1} 75%{opacity:1} 100%{opacity:0;translate:0 -35px} }

body.scrolling-backward .topbar::after { content:"ВЫ ИДЁТЕ НАЗАД. АРХИВ ЭТО ЗАПОМНИЛ."; background:var(--blue); }
body.weird { --paper:#f7f000; --acid:#ff61d8; --red:#004cff; --blue:#ff3b24; }
body.weird .hero, body.weird .archive { background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 20px,rgba(11,11,11,.08) 21px 23px); }
body.weird .project-card:nth-child(odd) { transform:translateX(var(--chaos-shift,0)) rotate(calc(var(--chaos-rotate,0deg) + 1.2deg)); }
body.weird .project-card:nth-child(even) { transform:translateX(var(--chaos-shift,0)) rotate(calc(var(--chaos-rotate,0deg) - 1.2deg)); }
body.weird .topbar { animation:hue 2s linear infinite; }
body.weird .noise { opacity:.14; }

body.hyper-weird { --paper:#eaff00; --acid:#ff00bf; --red:#002bff; --blue:#ff2a00; }
body.hyper-weird main { animation:hyper-shiver .18s steps(2) infinite; }
body.hyper-weird .hero__kirill { animation:chroma .11s steps(2) infinite; }
body.hyper-weird .project-card { filter:saturate(2.4) contrast(1.15); }
body.hyper-weird .project-card:nth-child(2n) { clip-path:polygon(0 3%,100% 0,96% 100%,3% 94%); }
body.hyper-weird .project-card:nth-child(3n) { clip-path:polygon(5% 0,98% 5%,100% 92%,0 100%); }
body.hyper-weird .anomaly { animation:anomaly-frenzy .8s steps(2) infinite; }
@keyframes hyper-shiver { 50%{transform:translateX(1px)} }
@keyframes anomaly-frenzy { 50%{filter:invert(1);letter-spacing:.2em} }
body.panic::after { content:"НЕ НАДО БЫЛО НАЖИМАТЬ"; position:fixed; inset:0; z-index:10003; display:grid; place-items:center; background:rgba(11,11,11,.88); color:var(--acid); font:900 9vw/.8 var(--display); text-align:center; animation:panic-overlay 2.6s steps(2) forwards; pointer-events:none; }
@keyframes panic-overlay { 0%{opacity:0} 10%,70%{opacity:1} 100%{opacity:0} }

@media (max-width:900px) {
  .site-monitor { width:145px; opacity:.88; }
  .anomaly--four,.anomaly--one { display:none; }
  .hero__warning { width:115px;height:115px;top:70px; }
  .hero::after { display:none; }
  .nav-chaos { display:none; }
}
@media (max-width:600px) {
  .anomaly-layer { display:none; }
  .site-monitor { right:7px;bottom:7px;width:126px;padding:7px; }
  .site-monitor b{font-size:9px}.site-monitor i{font-size:16px}
  .hero__warning { right:10px;top:78px;width:92px;height:92px; }
  .hero__warning b { font-size:18px; }
  .hero__ghost-word { top:52%;font-size:25vw; }
  .hero__the { transform:rotate(-4deg) translate(3vw,2vw); }
  .hero__actions { padding-bottom:15px; }
  .action--panic { width:100%; }
  .project-grid { box-shadow:8px 8px 0 var(--ink); }
  .project-card:nth-child(n) { clip-path:none; }
  .interruption__marquee div { font-size:42px; }
  .footer__big { text-shadow:4px 4px 0 var(--acid),8px 8px 0 var(--red); }
}
@media (prefers-reduced-motion:reduce) {
  body.hyper-weird main,.anomaly,.hero__warning,.hero__seal,.manifesto__stamp,.portrait__head { animation:none!important; }
}