:root {
--paper: #FAFAF7;
--ink: #101014;
--lead: #55555C;
--signal: #002FA7;
--signal-soft: #4D6FFF;
--signal-tint: #E7ECF9;
--mist: #ECECE6;
--alert: #B3261E;
--line: rgba(16, 16, 20, 0.12);
--font-sans: 'Archivo', sans-serif;
--font-mono: 'Spline Sans Mono', monospace;
--t-display: clamp(3.5rem, 1.2rem + 7.8vw, 8rem);
--t-h1: clamp(2.5rem, 1.1rem + 4.6vw, 4.5rem);
--t-h2: clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem);
--t-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
--t-body: 1.0625rem;
--t-small: 0.875rem;
--t-mono: 0.75rem;
--wdth-display: 125;
--wdth-narrow: 92;
--wdth-de: 104;
--s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px;
--s-6: 48px; --s-8: 64px; --s-12: 96px; --s-16: 128px;
--container: 1280px; --margin-d: 80px; --margin-t: 48px; --margin-m: 20px;
--gutter-d: 24px; --gutter-t: 20px; --gutter-m: 16px;
--ease-focus: cubic-bezier(0.16, 1, 0.3, 1);
--ease-scene: cubic-bezier(0.65, 0, 0.35, 1);
--ease-ui: cubic-bezier(0.3, 0, 0.2, 1);
--dur-micro: 0.3s; --dur-el: 0.6s; --dur-block: 0.9s; --dur-scene: 1.4s;
--stagger-line: 80ms; --stagger-char: 14ms; --stagger-card: 110ms;
}
a { color: var(--signal); text-decoration: none; }
a:hover { color: var(--ink); }
:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
* { animation: none !important; transition-duration: 0.2s !important; }
}
@font-face {
font-family: 'Archivo';
src: url('../assets/fonts/archivo-var.woff2') format('woff2-variations');
font-weight: 100 900;
font-stretch: 62% 125%;
font-display: swap;
unicode-range: U+0000-00FF, U+0100-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122,
U+2190-2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Spline Sans Mono';
src: url('../assets/fonts/spline-mono-var.woff2') format('woff2-variations');
font-weight: 300 700;
font-display: swap;
}
@font-face { font-family: AF100400; src: local('Arial'), local('Helvetica'), local('Liberation Sans'); font-weight: 100 900; size-adjust: 99.20%; ascent-override: 88.51%; descent-override: 21.17%; line-gap-override: 0%; }
@font-face { font-family: AF100500; src: local('Arial'), local('Helvetica'), local('Liberation Sans'); font-weight: 100 900; size-adjust: 100.59%; ascent-override: 87.29%; descent-override: 20.88%; line-gap-override: 0%; }
@font-face { font-family: AF100600; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 96.81%; ascent-override: 90.69%; descent-override: 21.69%; line-gap-override: 0%; }
@font-face { font-family: AF104800; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 108.32%; ascent-override: 81.06%; descent-override: 19.39%; line-gap-override: 0%; }
@font-face { font-family: AF104850; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 111.34%; ascent-override: 78.86%; descent-override: 18.86%; line-gap-override: 0%; }
@font-face { font-family: AF108700; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 108.20%; ascent-override: 81.15%; descent-override: 19.41%; line-gap-override: 0%; }
@font-face { font-family: AF110700; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 110.30%; ascent-override: 79.60%; descent-override: 19.04%; line-gap-override: 0%; }
@font-face { font-family: AF110800; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 114.33%; ascent-override: 76.79%; descent-override: 18.37%; line-gap-override: 0%; }
@font-face { font-family: AF114800; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 118.34%; ascent-override: 74.19%; descent-override: 17.75%; line-gap-override: 0%; }
@font-face { font-family: AF116800; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 120.34%; ascent-override: 72.96%; descent-override: 17.45%; line-gap-override: 0%; }
@font-face { font-family: AF118700; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 118.68%; ascent-override: 73.98%; descent-override: 17.69%; line-gap-override: 0%; }
@font-face { font-family: AF118800; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 122.35%; ascent-override: 71.76%; descent-override: 17.16%; line-gap-override: 0%; }
@font-face { font-family: AF118850; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 124.91%; ascent-override: 70.29%; descent-override: 16.81%; line-gap-override: 0%; }
@font-face { font-family: AF120850; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 126.85%; ascent-override: 69.21%; descent-override: 16.55%; line-gap-override: 0%; }
@font-face { font-family: AF122850; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 128.79%; ascent-override: 68.17%; descent-override: 16.31%; line-gap-override: 0%; }
@font-face { font-family: AF125850; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'), local('Helvetica-Bold'), local('Liberation Sans Bold'), local('Arial'); font-weight: 100 900; size-adjust: 131.70%; ascent-override: 66.67%; descent-override: 15.94%; line-gap-override: 0%; }
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
scrollbar-color: var(--signal) var(--mist);
scrollbar-width: thin;
}
body {
background: var(--paper);
color: var(--ink);
font-family: var(--font-sans);
font-size: var(--t-body);
font-weight: 400;
line-height: 1.6;
font-family: 'Archivo', AF100400, sans-serif; font-weight: 400; font-variation-settings: 'wdth' 100, 'wght' 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-numeric: tabular-nums;
hanging-punctuation: first last;
overflow-x: hidden;
}
img, picture, svg, video, canvas { display: block; max-width: 100%; }
img, video { height: auto; }
button, input, textarea, select { font: inherit; color: inherit; background: none; border: 0; }
button { cursor: pointer; }
ul, ol { list-style: none; }
table { border-collapse: collapse; }
:where(h1, h2, h3, h4) { font-weight: inherit; text-wrap: balance; }
p { text-wrap: pretty; }
::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background: var(--mist); }
::-webkit-scrollbar-thumb { background: var(--signal); }
::selection { background: var(--signal); color: var(--paper); }
.t-display {
font-size: var(--t-display); line-height: 0.92; letter-spacing: -0.015em;
font-family: 'Archivo', AF125850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850;
}
.t-h1 {
font-size: var(--t-h1); line-height: 0.98; letter-spacing: -0.01em;
font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800;
}
.t-h2 {
font-size: var(--t-h2); line-height: 1.1; letter-spacing: -0.005em;
font-family: 'Archivo', AF108700, sans-serif; font-weight: 700; font-variation-settings: 'wdth' 108, 'wght' 700;
}
.t-lead {
font-size: var(--t-lead); line-height: 1.5;
font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500;
}
.t-body  { font-size: var(--t-body);  line-height: 1.6; }
.t-small { font-size: var(--t-small); line-height: 1.5; color: var(--lead); }
.t-mono {
font-family: var(--font-mono); font-size: var(--t-mono);
letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.5;
font-variation-settings: 'wght' 400;
}
:lang(en) .hero__title { font-variation-settings: 'wdth' var(--wdth-de); }
:lang(de) .t-display { font-family: 'Archivo', AF104850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-de), 'wght' 850; hyphens: auto; }
:lang(de) .hero__title { font-variation-settings: 'wdth' var(--wdth-de); }
:lang(de) .t-h1      { font-family: 'Archivo', AF104800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' var(--wdth-de), 'wght' 800; hyphens: auto; }
.dot { color: var(--signal); }
.arw { font-family: var(--font-sans); display: inline-block; transition: transform var(--dur-micro) var(--ease-ui); }
a:hover .arw, button:hover .arw, .row:hover .arw { transform: translateX(8px); }
.wrap {
width: 100%; max-width: calc(var(--container) + var(--margin-d) * 2);
margin-inline: auto; padding-inline: var(--margin-d);
}
.grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gutter-d); }
.grid > .col-content { grid-column: 1 / span 8; }
.grid > .col-signal  { grid-column: 9 / span 4; }
.rail { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: var(--gutter-d); }
@media (max-width: 1199px) {
.wrap { padding-inline: var(--margin-t); }
.grid { grid-template-columns: repeat(6, 1fr); gap: var(--gutter-t); }
.grid > .col-content { grid-column: 1 / span 6; }
.grid > .col-signal  { grid-column: 1 / span 6; }
.rail { grid-template-columns: 140px minmax(0, 1fr); gap: var(--gutter-t); }
}
@media (max-width: 767px) {
.wrap { padding-inline: var(--margin-m); }
.grid { grid-template-columns: repeat(4, 1fr); gap: var(--gutter-m); }
.grid > .col-content, .grid > .col-signal { grid-column: 1 / span 4; }
.rail { grid-template-columns: 1fr; gap: var(--s-2); }
}
.sec { padding-block: clamp(var(--s-6), 2rem + 5vw, 150px); }
.sec--tight { padding-block: clamp(var(--s-6), 1.5rem + 3vw, var(--s-12)); }
.line-t { border-top: 1px solid var(--line); }
.line-b { border-bottom: 1px solid var(--line); }
.skip {
position: fixed; inset-inline-start: var(--margin-d); top: 0; z-index: 100;
transform: translateY(-110%);
background: var(--signal); color: var(--paper);
padding: var(--s-2) var(--s-3);
font-family: var(--font-mono); font-size: var(--t-mono);
letter-spacing: 0.14em; text-transform: uppercase;
transition: transform var(--dur-micro) var(--ease-ui);
}
.skip:focus-visible { transform: translateY(0); outline-offset: -4px; }
.hdr {
position: relative; z-index: 40;
display: flex; align-items: center; justify-content: space-between;
gap: var(--s-4);
padding: var(--s-3) var(--margin-d);
border-bottom: 1px solid rgba(16, 16, 20, 0.08);
background: var(--paper);
}
.hdr__mark {
font-size: 21px; line-height: 1; color: var(--ink);
font-family: 'Archivo', AF110800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 110, 'wght' 800;
letter-spacing: -0.01em;
}
.hdr__mark:hover { color: var(--ink); }
.hdr__right { display: flex; align-items: center; gap: var(--s-4); }
.hdr__nav { display: flex; align-items: center; gap: var(--s-4); }
.hdr__nav a {
font-size: 15px; color: var(--ink);
font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500;
}
.hdr__nav a:hover, .hdr__nav a[aria-current='page'] { color: var(--signal); }
.lang { display: flex; align-items: center; gap: 2px; }
.lang a {
font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em;
text-transform: uppercase; color: var(--lead);
padding: 6px 8px; min-height: 32px; display: inline-flex; align-items: center;
transition: color var(--dur-micro) var(--ease-ui), background var(--dur-micro) var(--ease-ui);
}
.lang a:hover { color: var(--ink); }
.lang a[aria-current='true'] { background: var(--ink); color: var(--paper); }
.snd {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em;
text-transform: uppercase; color: var(--lead);
border: 1px solid var(--line); padding: 7px 10px;
min-height: 32px;
transition: border-color var(--dur-micro) var(--ease-ui), color var(--dur-micro) var(--ease-ui);
}
.snd:hover { border-color: var(--signal); color: var(--signal); }
.snd[aria-pressed='true'] { border-color: var(--signal); color: var(--signal); }
.witness {
display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3);
padding-block: var(--s-2);
border-top: 1px solid var(--line);
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em;
text-transform: uppercase; color: var(--lead);
}
.witness b { font-weight: 400; color: var(--ink); }
.witness__src { opacity: 0.62; letter-spacing: 0.04em; }
.witness__live { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); }
.witness__blink {
width: 6px; height: 6px; background: var(--signal);
animation: blink 1.1s steps(1, end) infinite;
}
@keyframes blink { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } }
.ftr { padding-bottom: var(--s-6); }
.ftr__row {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
gap: var(--s-2) var(--s-4);
padding-block: var(--s-3);
border-top: 1px solid var(--line);
font-size: 13.5px;
}
.ftr__nav { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.ftr__nav a { color: var(--ink); }
.ftr__nav a:hover { color: var(--signal); }
.ftr__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); color: var(--lead); }
.row {
display: block; border-top: 1px solid var(--line);
transition: background var(--dur-micro) var(--ease-ui);
}
.row:hover { background: #FFFFFF; }
.framed { border: 1px solid var(--line); transition: border-color var(--dur-micro) var(--ease-ui); }
.framed:hover { border-color: var(--signal); }
.btn {
display: inline-flex; align-items: center; gap: var(--s-1);
background: var(--ink); color: var(--paper);
padding: 14px var(--s-3); min-height: 44px;
font-size: 15px; font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500;
transition: background var(--dur-micro) var(--ease-ui);
}
.btn:hover { background: var(--signal); color: var(--paper); }
.ghost { color: #ECECE6; font-family: 'Archivo', AF118800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 118, 'wght' 800; line-height: 1; }
.dark { background: var(--ink); color: var(--paper); }
.dark a { color: var(--signal-soft); }
.dark a:hover { color: var(--paper); }
.dark .t-small, .dark .t-mono { color: rgba(250, 250, 247, 0.62); }
.dark .dot { color: var(--signal-soft); }
.dark .witness { border-color: rgba(250, 250, 247, 0.16); color: rgba(250, 250, 247, 0.62); }
.dark .witness b { color: var(--paper); }
.dark .witness__blink { background: var(--signal-soft); }
.chip {
display: inline-flex; align-items: center; min-height: 32px;
padding: 6px 12px; border: 1px solid rgba(250, 250, 247, 0.24);
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em;
text-transform: uppercase;
}
.cur, .cur-ring { position: fixed; top: 0; left: 0; z-index: 90; pointer-events: none; border-radius: 50%; }
.cur { width: 8px; height: 8px; background: var(--signal); margin: -4px 0 0 -4px; }
.cur-ring {
width: 40px; height: 40px; margin: -20px 0 0 -20px;
border: 1px solid var(--signal); mix-blend-mode: difference;
opacity: 0; transition: opacity var(--dur-micro) var(--ease-ui);
}
@media (hover: none), (pointer: coarse) { .cur, .cur-ring { display: none; } }
@media (hover: hover) and (pointer: fine) {
.svc, .jr { position: relative; }
.svc::before, .jr::before {
content: ''; position: absolute; top: -1px; inset-inline-start: 0;
width: 64px; height: 2px; background: var(--signal);
transform: scaleX(0); transform-origin: 0 50%;
transition: transform var(--dur-micro) var(--ease-ui);
}
.svc:hover::before, .jr:hover::before { transform: scaleX(1); }
.lang a::before {
content: ''; position: absolute; inset-inline: 6px; bottom: 3px; height: 2px;
background: var(--signal); transform: scaleX(0); transform-origin: 0 50%;
transition: transform var(--dur-micro) var(--ease-ui); z-index: 1;
}
.lang a:hover::before { transform: scaleX(1); }
.lang a[aria-current='true']::before { content: none; }
}
.cur--kare { border-radius: 0; background: var(--signal-soft);
transition: border-radius var(--dur-micro) var(--ease-ui), background var(--dur-micro) var(--ease-ui); }
.scene__link { color: inherit; text-decoration: none; }
.scene__link::after { content: ''; position: absolute; inset: 0; }
.scene { position: relative; }
@media (hover: none), (pointer: coarse) {
.scene__link { position: relative; display: inline-block; }
.scene__link::after { inset: auto -8px; top: 50%; height: 64px; min-height: 44px; transform: translateY(-50%); }
}
.cs__cover { max-width: 840px; margin-top: var(--s-5); }
.cs__olcum { max-width: 840px; margin-top: var(--s-4); }
.cs .ps__meta a { color: var(--signal); }
.cs .ps__foot { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-3); }
.cs__site { color: var(--lead); }
q, .quote { quotes: '«' '»' '\201C' '\201D'; }
q::before { content: open-quote; } q::after { content: close-quote; }
.pull {
border-left: 2px solid var(--signal); padding-left: var(--s-3);
font-size: 34px; line-height: 1.25;
font-family: 'Archivo', AF108700, sans-serif; font-weight: 700; font-variation-settings: 'wdth' 108, 'wght' 700;
}
.vh {
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip-path: inset(50%); white-space: nowrap;
}
@media (prefers-contrast: more) {
:root { --lead: #3A3A40; --line: rgba(16, 16, 20, 0.35); }
.ghost { color: #C9C9C0; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
.witness__blink { animation: none; opacity: 1; }
.cur, .cur-ring { display: none; }
.arw { transition: none; }
[data-focus] { filter: none !important; opacity: 1 !important; }
}
:root {
--z-hero:   clamp(38px, 0.46px + 12.19vw, 176px);
--z-mf:     clamp(28px, 14.63px + 3.43vw, 64px);
--z-svc:    clamp(23px, 10px + 3.33vw, 58px);
--z-svcno:  clamp(30px, 5.49px + 6.29vw, 96px);
--z-name:   clamp(34px, 18.4px + 4vw, 76px);
--z-proof:  clamp(44px, 27.66px + 4.19vw, 88px);
--z-geo:    clamp(32px, 18.63px + 3.43vw, 68px);
--z-jr:     clamp(24px, 18.06px + 1.52vw, 40px);
--z-cta:    clamp(48px, 2.69px + 11.62vw, 170px);
--z-ghost:  clamp(92px, 14.74px + 19.81vw, 300px);
--indent:   clamp(16px, -19.7px + 9.14vw, 96px);
--hdr-h:    82px;
}
.rail__label { color: var(--lead); padding-top: 6px; }
@media (max-width: 767px) { .rail__label { padding-bottom: var(--s-1); } }
.hero { position: relative; overflow: hidden; }
.hero__inner {
position: relative; z-index: 2;
min-height: clamp(560px, calc(100svh - var(--hdr-h)), 860px);
display: flex; flex-direction: column; justify-content: flex-end;
padding-block: var(--s-8) var(--s-6);
}
.hero__light {
position: absolute; inset: 0; z-index: 0; pointer-events: none;
background: linear-gradient(102deg,
rgba(0, 47, 167, 0) 30%, rgba(0, 47, 167, 0.13) 50%, rgba(0, 47, 167, 0) 70%);
transform: translateX(var(--sweep, -62%)) rotate(var(--sweep-rot, 0deg));
will-change: transform;
}
.hero__gl { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; }
.hero__label { color: var(--lead); margin-bottom: var(--s-6); }
.hero__title {
font-size: var(--z-hero); line-height: 0.88; letter-spacing: -0.02em;
display: flex; flex-direction: column;
}
.hero__l1, .hero__l2t { white-space: nowrap; }
.hero__l2 { padding-inline-start: var(--indent); }
.hero__l2t { position: relative; display: inline-block; }
.hero__caret {
position: absolute; left: 100%; bottom: 0.1em;
width: clamp(5px, 0.69vw, 10px); height: clamp(34px, 8.19vw, 118px);
background: var(--signal); margin-inline-start: clamp(6px, 1vw, 14px);
animation: blink 1.1s steps(1, end) infinite;
}
.hero__meta {
display: grid; grid-template-columns: minmax(0, 380px) 1fr auto;
gap: var(--s-4); align-items: end; margin-top: var(--s-12);
}
.hero__support { font-size: 17px; line-height: 1.5; font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500; max-width: 380px; }
.hero__scroll { display: inline-flex; align-items: center; gap: var(--s-1); color: var(--lead); position: relative; }
.hero__scroll::after {
content: ''; position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%); width: 100%; min-width: 44px; height: 44px;
}
.hero__dot { width: 6px; height: 6px; background: var(--signal); }
.hero__aside { text-align: right; color: var(--lead); line-height: 1.9; }
@media (max-width: 900px) {
.hero__meta { grid-template-columns: 1fr; align-items: start; gap: var(--s-3); margin-top: var(--s-8); }
.hero__aside { text-align: left; }
}
.mq { overflow: hidden; padding-block: var(--s-2); }
.mq__track { display: flex; width: max-content; will-change: transform; }
.mq__group {
display: inline-flex; align-items: center; gap: var(--s-3);
font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.18em;
text-transform: uppercase; color: var(--ink); padding-inline-end: var(--s-3);
}
.mq__sep { color: var(--lead); }
@media (prefers-reduced-motion: reduce) { .mq__track { transform: none !important; } }
.mf__l {
font-size: var(--z-mf); line-height: 1; letter-spacing: -0.015em;
font-family: 'Archivo', AF118800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 118, 'wght' 800;
max-width: 16ch;
}
.mf__l + .mf__l { margin-top: var(--s-3); }
.mf__l--in { padding-inline-start: clamp(16px, -24.6px + 11.43vw, 120px); max-width: 20ch; }
.mf__soft { color: var(--lead); }
.svc__list { border-bottom: 1px solid var(--line); }
.svc { color: var(--ink); }
.svc__rail { grid-template-columns: 200px minmax(0, 1fr) 380px; padding-block: var(--s-6); }
.svc__no { font-size: var(--z-svcno); }
.svc__title { font-size: var(--z-svc); line-height: 1; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; max-width: 12ch; }
.svc__lead { margin-top: var(--s-3); color: var(--lead); max-width: 46ch; font-size: 15.5px; }
.svc__side { border-top: 1px solid var(--line); padding-top: var(--s-2); }
.svc__arw { display: block; font-size: 20px; color: var(--signal); margin-bottom: var(--s-2); }
.svc__items { color: var(--lead); display: grid; gap: 7px; }
@media (max-width: 1199px) {
.svc__rail { grid-template-columns: 140px minmax(0, 1fr); }
.svc__side { grid-column: 2; margin-top: var(--s-3); }
}
@media (max-width: 767px) { .svc__rail { grid-template-columns: 1fr; } .svc__side { grid-column: 1; } }
.work__head { align-items: start; }
.work__headline { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; }
.work__title { font-size: clamp(26px, 14.9px + 2.86vw, 40px); line-height: 1.05; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.work__all { font-size: 15px; white-space: nowrap; }
.scenes { --bind: clamp(18px, 8.76vw - 16.17px, 110px); }
.scenes { display: grid; gap: clamp(var(--s-6), 2rem + 4vw, 110px); margin-top: var(--s-8); }
.scene { display: grid; grid-template-columns: 62% 1fr; align-items: center; gap: var(--s-4); }
.scene--r { grid-template-columns: 1fr 62%; }
.scene--r .scene__shot { order: 2; }
.scene--r .scene__txt { order: 1; text-align: right; }
.scene__shot { overflow: hidden; }
.shot {
position: relative; aspect-ratio: 16 / 10; min-height: 260px;
background: repeating-linear-gradient(135deg, var(--mist) 0 6px, var(--paper) 6px 12px);
border: 1px solid var(--line);
display: block; overflow: hidden;
}
.shot__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.shot__bind {
position: absolute; inset-block: 0; inset-inline-end: 0; width: var(--bind);
background: linear-gradient(to left, var(--paper) 0 40%, rgba(250, 250, 247, 0) 100%);
pointer-events: none;
}
.scene--r .shot__bind {
inset-inline: 0 auto;
background: linear-gradient(to right, var(--paper) 0 40%, rgba(250, 250, 247, 0) 100%);
}
.scene__shot::after {
content: ''; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(102deg,
rgba(0, 47, 167, 0) 40%, rgba(0, 47, 167, 0.13) 52%, rgba(0, 47, 167, 0) 64%);
background-size: 260% 100%; background-position: 200% 0;
}
.scene__shot { position: relative; }
.scene:hover .scene__shot::after { animation: sweepOnce 0.6s var(--ease-ui) forwards; }
@keyframes sweepOnce { to { background-position: -100% 0; } }
.scene__name {
font-size: var(--z-name); line-height: 0.95; letter-spacing: -0.02em;
font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800;
position: relative; z-index: 2; margin-inline-start: calc(-1 * var(--bind));
}
.scene--r .scene__name { margin-inline: 0 calc(-1 * var(--bind)); }
.scene__meta { color: var(--lead); margin-top: var(--s-2); }
.scene__desc { font-size: 15.5px; color: var(--lead); max-width: 380px; margin-top: var(--s-2); }
.scene--r .scene__desc { margin-inline-start: auto; }
@media (max-width: 900px) {
.scene, .scene--r { grid-template-columns: 1fr; }
.shot__bind { display: none; }
.scene--r .scene__shot { order: 0; } .scene--r .scene__txt { order: 1; text-align: left; }
.scene__name { margin-inline-start: -18px; }
.scene--r .scene__name { margin-inline: -18px 0; }
.scene--r .scene__desc { margin-inline-start: 0; }
}
.proof__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-4); }
.proof__n { font-size: var(--z-proof); line-height: 1; letter-spacing: -0.02em; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.proof__cap { color: var(--lead); margin-top: var(--s-2); max-width: 26ch; }
@media (max-width: 767px) { .proof__grid { grid-template-columns: 1fr; gap: var(--s-4); } }
.geo__gl { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; }
.geo > .wrap { position: relative; z-index: 2; }
.geo {
background-image:
radial-gradient(circle 10px at 18% 32%, rgba(123, 147, 255, 0.05) 40%, transparent 100%),
radial-gradient(circle 13px at 71% 22%, rgba(123, 147, 255, 0.04) 40%, transparent 100%),
radial-gradient(circle 9px at 43% 74%, rgba(123, 147, 255, 0.05) 40%, transparent 100%),
radial-gradient(circle 12px at 86% 64%, rgba(123, 147, 255, 0.035) 40%, transparent 100%);
}
.geo.is-live { background-image: none; }
.geo__label { margin-bottom: var(--s-4); }
.geo__title { font-size: var(--z-geo); line-height: 1; max-width: 12ch; }
.geo__body { margin-top: var(--s-4); max-width: 48ch; color: rgba(250, 250, 247, 0.78); }
.geo__chips { display: flex; flex-wrap: wrap; gap: var(--s-1); margin-top: var(--s-6); }
.term { border: 1px solid rgba(250, 250, 247, 0.18); background: rgba(250, 250, 247, 0.03); }
.term__bar {
display: flex; align-items: center; justify-content: space-between; gap: var(--s-2);
padding: var(--s-2) var(--s-3); border-bottom: 1px solid rgba(250, 250, 247, 0.18);
color: rgba(250, 250, 247, 0.62);
}
.term__body { padding: var(--s-3); font-size: 13px; line-height: 1.9; letter-spacing: 0.02em; text-transform: none; color: rgba(250, 250, 247, 0.86); }
.term__body li { white-space: pre-wrap; }
.term__n { display: inline-block; width: 3ch; color: rgba(250, 250, 247, 0.34); }
.term__caret {
display: inline-block; width: 8px; height: 15px;
margin-inline-start: 6px; vertical-align: text-bottom;
background: var(--signal-soft);
animation: blink 1.1s step-end infinite;
}
@media (max-width: 1199px) { .geo__r { margin-top: var(--s-6); } }
.jr__list { border-bottom: 1px solid var(--line); margin-top: var(--s-8); }
.jr__rail { grid-template-columns: 200px minmax(0, 1fr) auto; align-items: center; padding-block: var(--s-4); }
.jr__no { font-size: clamp(30px, 11.7px + 4.76vw, 64px); }
.jr__title { font-size: var(--z-jr); line-height: 1.1; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; max-width: 26ch; }
.jr__status { color: var(--lead); white-space: nowrap; }
@media (max-width: 1199px) { .jr__rail { grid-template-columns: 140px minmax(0, 1fr); } .jr__status { grid-column: 2; } }
@media (max-width: 767px) { .jr__rail { grid-template-columns: 1fr; } .jr__status { grid-column: 1; } }
.cta__title { font-size: var(--z-cta); line-height: 0.9; letter-spacing: -0.025em; }
.cta__row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--s-6); flex-wrap: wrap; margin-top: var(--s-6); }
.cta__body { max-width: 460px; font-size: 19px; }
.cta__act { display: flex; align-items: center; gap: var(--s-3); flex-wrap: wrap; }
.cta__mail { color: var(--signal); text-decoration: underline; text-underline-offset: 4px; text-transform: none; letter-spacing: 0.04em; }
.dark .cta__mail { color: var(--signal-soft); }
@media (max-width: 767px) { .cta__act { width: 100%; } .cta__act .btn { flex: 1 1 100%; justify-content: center; } }
.ghostmark {
position: relative; overflow: hidden; pointer-events: none;
height: clamp(64px, 4.1px + 14.66vw, 210px);
margin-top: var(--s-8);
}
.ghostmark span {
display: block; font-size: var(--z-ghost); line-height: 1;
font-family: 'Archivo', AF110800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 110, 'wght' 800; letter-spacing: -0.03em;
color: #EFEFEA; white-space: nowrap; padding-inline-start: var(--margin-d);
}
.ghostmark__dot { color: rgba(0, 47, 167, 0.22); }
.trail-dot { position: absolute; width: 8px; height: 8px; background: var(--signal); border-radius: 50%; pointer-events: none; }
@media (max-width: 767px) { .ghostmark span { padding-inline-start: var(--margin-m); } }
.intro {
position: fixed; inset: 0; z-index: 80;
background: var(--paper);
display: flex; align-items: center; justify-content: center; gap: 10px;
pointer-events: none;
}
.intro__n {
font-size: clamp(64px, 20px + 6vw, 120px); line-height: 1;
font-family: 'Archivo', AF118800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 118, 'wght' 800; letter-spacing: -0.02em;
font-variant-numeric: tabular-nums;
}
.intro__dot {
width: clamp(14px, 0.9vw, 20px); height: clamp(14px, 0.9vw, 20px);
background: var(--signal); transform: scale(0); align-self: flex-end;
margin-bottom: clamp(10px, 1vw, 18px);
}
.veil {
position: fixed; inset: 0; z-index: 95; pointer-events: none;
--veil: 0;
background:
linear-gradient(102deg, transparent 42%, rgba(250, 250, 247, 0.22) 50%, transparent 58%),
var(--signal);
clip-path: circle(calc(var(--veil) * 150%) at 50% 50%);
}
::view-transition-old(root) { animation-duration: var(--vt-dur, 0.45s); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
::view-transition-new(root) { animation-duration: var(--vt-dur, 0.6s);  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.2s; }
.intro, .veil { display: none; }
}
.read {
position: fixed; top: 0; left: 0; z-index: 60;
height: 2px; width: 100%; background: var(--signal);
transform: scaleX(0); transform-origin: 0 50%;
}
.read--label {
width: auto; height: auto; background: none; transform: none;
inset-inline-start: auto; inset-inline-end: var(--margin-d); top: var(--s-2);
font-family: var(--font-mono); font-size: var(--t-mono);
letter-spacing: 0.14em; color: var(--lead);
}
:root {
--z-hd:     clamp(40px, 11.03px + 7.43vw, 118px);
--z-hd-big: clamp(44px, 4.63px + 10.1vw, 150px);
--z-hd-ap:  clamp(36px, 10.74px + 6.48vw, 104px);
--z-stno:   clamp(28px, 11.66px + 4.19vw, 72px);
--z-stt:    clamp(22px, 17.54px + 1.14vw, 34px);
--z-apt:    clamp(23px, 18.17px + 1.24vw, 36px);
--z-never:  clamp(34px, 22.86px + 2.86vw, 64px);
--z-ct:     clamp(34px, 18.4px + 4vw, 76px);
--z-404:    clamp(64px, 17.2px + 12vw, 190px);
--z-404g:   clamp(56px, 28.51px + 7.05vw, 130px);
}
.crumb { color: var(--lead); display: flex; gap: var(--s-1); align-items: center; margin-bottom: var(--s-6); }
.crumb a { color: var(--lead); } .crumb a:hover { color: var(--signal); }
.hd__title {
font-size: var(--z-hd); line-height: 0.94; letter-spacing: -0.02em;
font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800;
display: flex; flex-direction: column;
}
.hd__l2 { padding-inline-start: var(--indent); }
.hd__title--two { font-size: var(--z-hd-ap); }
.hd__title--big { font-size: var(--z-hd-big); }
.hd__meta {
display: grid; grid-template-columns: minmax(0, 520px) 1fr;
gap: var(--s-4); align-items: start; margin-top: var(--s-6); padding-top: var(--s-4);
}
.hd__lead { font-size: 18px; font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500; max-width: 520px; }
.hd__side { color: var(--lead); text-align: right; line-height: 1.9; }
@media (max-width: 767px) { .hd__meta { grid-template-columns: 1fr; } .hd__side { text-align: left; } }
.cmp__grid { display: grid; grid-template-columns: 1fr 1fr; }
.cmp__c { padding: 54px; font-size: var(--z-stt); line-height: 1.25; font-family: 'Archivo', AF108700, sans-serif; font-weight: 700; font-variation-settings: 'wdth' 108, 'wght' 700; }
.cmp__c + .cmp__c { border-inline-start: 1px solid rgba(250, 250, 247, 0.22); }
@media (max-width: 767px) {
.cmp__grid { grid-template-columns: 1fr; }
.cmp__c { padding: var(--s-4) 0; }
.cmp__c + .cmp__c { border-inline-start: 0; border-top: 1px solid rgba(250, 250, 247, 0.22); }
}
.st__list { border-bottom: 1px solid var(--line); }
.st__rail { grid-template-columns: 200px minmax(0, 380px) 1fr; align-items: start; padding-block: var(--s-4); }
.st__no { font-size: var(--z-stno); }
.st__t { font-size: var(--z-stt); line-height: 1.1; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.st__t--big { font-size: var(--z-apt); max-width: 460px; }
.st__d { color: var(--lead); font-size: 15.5px; max-width: 52ch; }
@media (max-width: 1199px) { .st__rail { grid-template-columns: 140px minmax(0, 1fr); } .st__d { grid-column: 2; margin-top: var(--s-2); } }
@media (max-width: 767px) { .st__rail { grid-template-columns: 1fr; } .st__d { grid-column: 1; } }
.incl__grid { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: var(--s-8); }
.incl__list { margin-top: var(--s-3); display: grid; gap: var(--s-2); max-width: 46ch; }
.incl__list li { position: relative; padding-inline-start: var(--s-3); }
.incl__list li::before { content: ''; position: absolute; inset-inline-start: 0; top: 0.62em; width: 6px; height: 6px; background: var(--signal); }
.incl__rel { border-top: 1px solid var(--line); padding-top: var(--s-2); }
.incl__relbody { color: var(--lead); font-size: 15.5px; margin-top: var(--s-2); }
.incl__all { display: inline-block; margin-top: var(--s-3); font-size: 15px; }
@media (max-width: 900px) { .incl__grid { grid-template-columns: 1fr; gap: var(--s-6); } }
.cta--band .cta__title { font-size: clamp(38px, 25.4px + 3.24vw, 72px); }
.workspec { color: var(--lead); padding-block: var(--s-3); }
.never { background: var(--mist); padding: clamp(var(--s-4), 3vw, 54px); display: grid; grid-template-columns: minmax(0, 300px) 1fr; gap: var(--s-6); align-items: start; }
.never__t { font-size: var(--z-never); line-height: 1; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.never__list { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3) var(--s-6); font-size: 15.5px; }
.never__list li { position: relative; padding-inline-start: var(--s-3); }
.never__list li::before { content: '—'; position: absolute; inset-inline-start: 0; color: var(--lead); }
@media (max-width: 900px) { .never { grid-template-columns: 1fr; gap: var(--s-4); } .never__list { grid-template-columns: 1fr; } }
.ct__grid { display: grid; grid-template-columns: minmax(0, 520px) 1fr; gap: var(--s-8); align-items: start; }
.ct__title { font-size: var(--z-ct); line-height: 0.95; letter-spacing: -0.02em; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.ct__body { margin-top: var(--s-4); max-width: 46ch; }
.ct__mail { display: inline-block; margin-top: var(--s-4); color: var(--signal); text-decoration: underline; text-underline-offset: 4px; text-transform: none; letter-spacing: 0.04em; }
.frm { display: grid; gap: var(--s-4); }
.frm__f { display: grid; gap: 6px; }
.frm__f[hidden] { display: none; }
.frm__f label { color: var(--lead); }
.frm input, .frm textarea, .frm select {
border-bottom: 1px solid var(--line); padding: 10px 0; min-height: 44px;
font-size: 17px; width: 100%;
transition: border-color var(--dur-micro) var(--ease-ui);
}
.frm textarea { resize: vertical; min-height: 140px; }
.frm input::placeholder, .frm textarea::placeholder { color: var(--lead); opacity: 0.7; }
.frm input:focus-visible, .frm textarea:focus-visible, .frm select:focus-visible {
outline: none; border-bottom: 2px solid var(--signal); box-shadow: 0 0 0 2px var(--signal-tint);
}
.frm__f:has(.frm__err:not([hidden])) input { border-bottom: 2px solid var(--alert); }
.frm__err { color: var(--alert); }
.frm__cap { min-height: 84px; }
.frm__cap iframe { border: 0; }
.frm__act { display: flex; justify-content: flex-end; }
.frm__ok { border-top: 1px solid var(--line); padding-top: var(--s-4); }
.frm__okt { font-size: 44px; line-height: 1.05; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.frm__okb { color: var(--lead); margin-top: var(--s-2); max-width: 42ch; }
.frm__again { color: var(--signal); margin-top: var(--s-3); text-transform: none; letter-spacing: 0.04em; min-height: 44px; }
@media (max-width: 900px) { .ct__grid { grid-template-columns: 1fr; gap: var(--s-6); } .frm__act .btn { width: 100%; justify-content: center; } }
.e4__n { font-size: var(--z-404); line-height: 0.9; letter-spacing: -0.03em; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.e4__t { font-size: 32px; line-height: 1.15; font-family: 'Archivo', AF110700, sans-serif; font-weight: 700; font-variation-settings: 'wdth' 110, 'wght' 700; margin-top: var(--s-4); max-width: 22ch; }
.e4__b { color: var(--lead); margin-top: var(--s-3); max-width: 52ch; }
.e4__act { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; margin-top: var(--s-6); }
.e4__alt { font-size: 15px; }
.ghostmark--404 { height: clamp(40px, 2.9px + 6.44vw, 92px); }
.ghostmark--404 span { font-size: var(--z-404g); }
.hdr__nav a, .lang a, .ftr__nav a, .ftr__meta a, .work__all, .incl__all,
.e4__alt, .crumb a, .cta__mail, .ct__mail, .hdr__mark, .snd,
.witness a, .frm__again { position: relative; }
.hdr__nav a::after, .lang a::after, .ftr__nav a::after, .ftr__meta a::after,
.work__all::after, .incl__all::after, .e4__alt::after, .crumb a::after,
.cta__mail::after, .ct__mail::after, .hdr__mark::after, .snd::after,
.witness a::after, .frm__again::after {
content: ''; position: absolute; inset-block: -11px; inset-inline: -8px;
min-height: 44px; top: 50%; height: 44px; transform: translateY(-50%);
}
.hdr__nav a::after, .lang a::after, .ftr__nav a::after, .ftr__meta a::after { z-index: 0; }
.hdr__menu, .lang--m { display: none; }
.menu { display: none; }
@media (max-width: 767px) {
.hdr { padding-inline: var(--margin-m); gap: var(--s-2); }
.hdr__nav, .lang:not(.lang--m), .snd:not(.hdr__menu) { display: none; }
.hdr__menu { display: inline-flex; align-items: center; }
.lang--m { display: inline-flex; }
.lang--m span {
font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em;
background: var(--ink); color: var(--paper); padding: 6px 8px;
min-height: 32px; display: inline-flex; align-items: center;
}
.menu {
display: block; position: fixed; inset: 83px 0 0; z-index: 50;
background: var(--paper); overflow-y: auto;
padding-block: var(--s-4) var(--s-8);
}
.menu[hidden] { display: none; }
.menu__list { border-top: 1px solid var(--line); }
.menu__row {
display: flex; align-items: center; min-height: 56px;
border-bottom: 1px solid var(--line); color: var(--ink);
font-size: 23px; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800;
}
.menu__row:hover, .menu__row:focus-visible { color: var(--signal); }
.menu__langs { margin-top: var(--s-6); border-top: 1px solid var(--line); }
.menu__lang {
display: flex; align-items: center; justify-content: space-between;
min-height: 44px; padding-inline: var(--s-2);
border-bottom: 1px solid var(--line); color: var(--ink); font-size: 17px;
}
.menu__lang.is-cur { background: var(--mist); }
.menu__dot { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; }
body:has(.menu:not([hidden])) { overflow: hidden; }
}
@media (max-width: 767px) {
.hero__inner { min-height: 0; justify-content: flex-start; padding-block: var(--s-6) var(--s-6); }
.hero__label { margin-bottom: var(--s-4); }
.hero__meta { margin-top: var(--s-6); }
.hero__aside { display: none; }
.svc__list { border-bottom: 0; display: grid; gap: var(--s-2); }
.svc { border: 1px solid var(--line); border-top: 1px solid var(--line); }
.svc__rail { padding: var(--s-3); grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.svc__no { display: none; }
.svc__lead { display: none; }
.svc__side { border-top: 0; padding-top: 0; grid-column: 2; margin-top: 0; }
.svc__items { display: none; }
.svc__arw { margin-bottom: 0; color: var(--signal); }
.scene__name { margin-inline-start: 0; }
.scene--r .scene__name { margin-inline: 0; }
.scene__shot + .scene__txt, .scene__txt { margin-top: var(--s-2); }
.shot { min-height: 180px; }
.witness { font-size: 10px; gap: var(--s-1) var(--s-2); }
}
.ps__t { font-size: clamp(38px, 20.9px + 4.38vw, 84px); line-height: 0.98; letter-spacing: -0.02em;
font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; max-width: 1220px; }
.ps__meta { color: var(--lead); margin-top: var(--s-4); padding-top: var(--s-2); }
.ps__body { max-width: 1000px; margin: var(--s-8) auto 0; }
.ps__lead { font-size: clamp(18px, 15.2px + 0.71vw, 21px); line-height: 1.5;
font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500; }
.ps__p { font-size: 17.5px; line-height: 1.7; margin-top: var(--s-3); }
.ps__h3 { font-size: clamp(24px, 20.3px + 0.95vw, 34px); line-height: 1.15;
font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; margin-top: var(--s-6); }
.ps__body .pull { margin-top: var(--s-6); }
.ps__term { background: var(--ink); color: var(--paper); margin-top: var(--s-6);
border: 1px solid var(--line); text-transform: none; letter-spacing: 0.02em; }
.ps__author { display: flex; gap: var(--s-3); align-items: flex-start;
max-width: 1000px; margin: var(--s-8) auto 0; padding-top: var(--s-4); }
.ps__mark { width: 60px; height: 60px; background: var(--signal); flex: none; }
.ps__an { font-family: 'Archivo', AF110700, sans-serif; font-weight: 700; font-variation-settings: 'wdth' 110, 'wght' 700; }
.ps__ab { color: var(--lead); font-size: 15.5px; margin-top: 4px; max-width: 46ch; }
.ps__next { display: inline-block; max-width: 1000px; margin: var(--s-6) auto 0; font-size: 17px; }
.cmp__l { color: rgba(250, 250, 247, 0.62); margin-bottom: var(--s-2); }
.cmp__b { font-size: var(--z-stt); line-height: 1.25; font-family: 'Archivo', AF108700, sans-serif; font-weight: 700; font-variation-settings: 'wdth' 108, 'wght' 700; }
.cmp__c { padding-block: 54px; }
.cmp__c:first-child { padding-inline-end: 54px; }
.cmp__c + .cmp__c { padding-inline-start: 54px; }
@media (max-width: 767px) {
.cmp__c, .cmp__c:first-child, .cmp__c + .cmp__c { padding: var(--s-4) 0; }
}
.incl__list { gap: 0; }
.incl__list li { padding-block: 12px; border-bottom: 1px solid var(--line); }
.incl__list li::before { top: 1.15em; }
.incl__rellist { margin-top: var(--s-2); display: grid; gap: 6px; }
.incl__rellist a { font-size: 15.5px; }
.cta__row { align-items: flex-end; }
.cta--band .cta__row { margin-top: 0; }
.cta--band .cta__act { flex-direction: column; align-items: flex-end; gap: var(--s-2); }
.cta .cta__body { margin-top: var(--s-4); }
.cta--band .witness { margin-top: var(--s-8); }
@media (max-width: 767px) {
.cta--band .cta__act { align-items: stretch; width: 100%; }
.cta--band .cta__mail { text-align: center; }
}
:root {
--body-2: #3A3E44;
--on-dark:      #E8E8EA;
--on-dark-soft: #C9C9CE;
--on-dark-dim:  #9A9AA2;
}
.hero__support, .svc__lead, .scene__desc, .cta__body, .hd__lead, .ct__body,
.incl__relbody, .st__d, .ps__p, .never__list, .frm__okb { color: var(--body-2); }
.hero__support { font-weight: 400; font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500; }
.cta__body { font-family: 'Archivo', AF100400, sans-serif; font-weight: 400; font-variation-settings: 'wdth' 100, 'wght' 400; }
.hd__title, .ct__title, .frm__okt { font-family: 'Archivo', AF125850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; }
:lang(de) .hd__title, :lang(de) .ct__title { font-family: 'Archivo', AF104850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-de), 'wght' 850; }
.frm__okt { font-family: 'Archivo', AF122850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' 122, 'wght' 850; }
.ghost { font-family: 'Archivo', AF125850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; line-height: 0.85; }
.svc__title  { font-family: 'Archivo', AF118800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 118, 'wght' 800; }
.scene__name { font-family: 'Archivo', AF122850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' 122, 'wght' 850; line-height: 0.9; }
.proof__n    { font-family: 'Archivo', AF125850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; line-height: 0.9; letter-spacing: 0; }
.geo__title  { font-family: 'Archivo', AF120850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' 120, 'wght' 850; line-height: 0.94; }
.jr__title   { font-family: 'Archivo', AF114800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 114, 'wght' 800; }
.work__title { font-family: 'Archivo', AF118800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 118, 'wght' 800; letter-spacing: -0.012em; }
.st__t--big  { font-family: 'Archivo', AF118800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 118, 'wght' 800; }
.never__t    { font-family: 'Archivo', AF125850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; }
.ghostmark span {
font-family: 'Archivo', AF125850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850;
text-align: center; padding-inline: 0; line-height: 0.78;
}
.hero__label   { letter-spacing: 0.18em; }
.rail__label,
.crumb         { letter-spacing: 0.16em; }
.snd, .hdr__menu { letter-spacing: 0.08em; }
.witness       { letter-spacing: 0.06em; }
.dark .geo__body  { color: var(--on-dark-soft); }
.chip             { color: var(--on-dark-soft); border-color: rgba(250, 250, 247, 0.25); letter-spacing: 0; }
.term__bar        { color: var(--on-dark-dim); }
.term__body       { color: var(--on-dark); }
.term__n          { color: var(--lead); }
.dark .witness__live,
.term__bar .witness__live { color: var(--signal-soft); }
.witness__live    { color: var(--lead); }
.cmp__l           { color: var(--on-dark-dim); }
.ftr__nav a { color: var(--lead); }
.ftr__nav a:hover { color: var(--ink); }
.hero__inner {
min-height: 0;
height: clamp(560px, calc(100svh - var(--hdr-h)), 860px);
padding-block: 0 0;
justify-content: flex-end;
}
.hero__label { margin-bottom: 28px; }
.hero__meta {
margin-top: 64px; padding-top: var(--s-3); padding-bottom: 30px;
border-top: 1px solid rgba(16, 16, 20, 0.1);
}
.hero__light {
background: linear-gradient(102deg,
rgba(0, 47, 167, 0) 40%, rgba(0, 47, 167, 0.14) 52%, rgba(0, 47, 167, 0) 64%);
background-size: 260% 100%;
animation: heroSweep 6s linear infinite;
transform: rotate(var(--sweep-rot, 0deg));
}
@keyframes heroSweep { from { background-position: 200% 0; } to { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .hero__light { animation: none; background-position: 50% 0; } }
.hero__scroll { flex-direction: row; }
.hero__scroll .hero__dot { order: -1; }
.mf__l { max-width: 1020px; }
.mf__l + .mf__l { margin-top: 26px; }
.svc__lead { font-size: 16.5px; max-width: 560px; }
.svc__items { gap: 8px; }
.svc__items li { border-top: 1px solid rgba(16, 16, 20, 0.08); padding-top: 8px; }
.geo__body { font-size: 17px; max-width: 460px; }
.geo__r { width: 560px; flex: none; }
.term__body { display: grid; grid-template-columns: 30px 1fr; gap: 2px 16px; }
.term__body li { display: contents; }
.term__n { width: auto; }
.btn { padding: 18px 32px; font-size: 16px; font-family: 'Archivo', AF100600, sans-serif; font-weight: 600; font-variation-settings: 'wdth' 100, 'wght' 600; }
.cta__mail, .ct__mail { font-size: 14px; }
@media (max-width: 1199px) { .geo__r { width: auto; } }
.hd { padding-block: 120px 90px; }
.sec--tight.hd { padding-block: 120px 90px; }
main.sub > .sec:not(.cta):not(.cmp) { padding-block: 0 90px; }
main.sub > .sec.incl { padding-block: 0 100px; }
.cmp { padding-block: 54px; }
.cmp__grid { padding-inline: 0; }
.cmp__c { padding-block: 0; }
.cmp__c:first-child { padding-inline-end: 60px; }
.cmp__c + .cmp__c { padding-inline-start: 60px; }
.never { padding: 44px 48px; }
.cta--band { padding-block: 64px; }
.workspec { padding-block: 24px; }
.hd__title--big { font-size: var(--z-hd-big); }
.wx .scene__name { font-size: clamp(30px, 16.7px + 3.81vw, 68px); }
.wx .shot { min-height: 0; height: clamp(220px, 62px + 26.3vw, 440px); aspect-ratio: auto; }
@media (max-width: 767px) {
.hd { padding-block: var(--s-8) var(--s-6); }
main.sub > .sec:not(.cta):not(.cmp) { padding-block: 0 var(--s-6); }
main.sub > .sec.incl { padding-block: 0 var(--s-6); }
.cmp { padding-block: var(--s-4); }
.never { padding: var(--s-4); }
.cta--band { padding-block: var(--s-6); }
}
.secno {
position: absolute; top: 16px; inset-inline-start: 16px; z-index: 30;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
background: var(--signal); color: var(--paper); padding: 3px 8px;
pointer-events: none;
}
.secno--d { background: var(--signal-soft); color: var(--ink); }
.hero, #manifesto, #services, #work, #geo, #journal, #cta { position: relative; }
@media (max-width: 767px) { .secno { display: none; } }
.odo {
position: fixed; inset-inline-start: 16px; bottom: 16px; z-index: 60;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
background: var(--signal); color: var(--paper); padding: 3px 8px;
pointer-events: none; overflow: hidden;
}
.odo__n { display: inline-block; }
.has-odo .secno { display: none; }
.mq, main .sec:not(.dark) { background: var(--paper); }
.mq { position: relative; }
.proof__n .dot { display: inline-block; }
.ln { display: block; }
.scene__name .ln, .geo__title .ln { display: block; }
.svc__arw { color: var(--signal); margin-bottom: 30px; transition: transform var(--dur-micro) var(--ease-ui); }
.svc:hover .svc__arw { transform: translateX(8px); }
:lang(en) .hero__title { font-size: clamp(32px, 0.4px + 10.32vw, 149px); }
:lang(de) .hero__title { font-size: clamp(31px, 0.37px + 9.84vw, 142px); }
:root { --ry: clamp(4px, 0.02px + 0.694vw, 10px); }
main.home > #manifesto { padding-block: calc(19 * var(--ry)) calc(17 * var(--ry)); }
main.home > #services  { padding-block: 0 calc(17 * var(--ry)); }
main.home > #work      { padding-block: 0 calc(15 * var(--ry)); }
main.home > .proof     { padding-block: calc(6 * var(--ry)); }
main.home > #geo       { padding-block: calc(14 * var(--ry)); }
main.home > #journal   { padding-block: calc(15 * var(--ry)) calc(16 * var(--ry)); }
main.home > #cta       { padding-block: calc(17 * var(--ry)) 0; }
.lang a, .hero__aside, .svc__items, .jr__status, .term__bar, .term__body,
.secno, .scene__meta, .hd__side { letter-spacing: 0; }
.work__all, .incl__all { font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500; }
.geo__body { font-family: 'Archivo', AF100400, sans-serif; font-weight: 400; font-variation-settings: 'wdth' 100, 'wght' 400; line-height: 1.6; }
.geo__label { color: var(--on-dark-dim); }
.jr__status { text-align: end; }
.snd, .hdr__menu { text-align: start; }
.term__t { color: var(--on-dark); }
.dark .geo__label, .dark .term__bar, .term__bar { color: var(--on-dark-dim); }
.cta__title { letter-spacing: -0.02em; }
.cta__mail, .ct__mail { letter-spacing: 0; }
.ghostmark span { letter-spacing: -0.02em; }
.ftr__meta { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0; }
.ftr__legal { margin-top: 6px; color: var(--lead); }
.ps__srcwrap { padding-top: var(--s-6); }
.ps__src { display: flex; flex-direction: column; margin-top: var(--s-4); max-width: 720px; }
.ps__src a { display: block; min-height: 44px; padding: 11px 0; color: var(--lead);
text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;
transition: color var(--dur-micro) var(--ease-ui); }
.ps__src a:hover { color: var(--signal); }
.ps__src li + li { border-top: 1px solid var(--mist); }
.byline { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: baseline;
padding-top: var(--s-4); color: var(--lead); }
.byline__n, .byline__b { text-transform: none; letter-spacing: 0.01em; }
.byline__n { color: var(--ink); font-variation-settings: 'wght' 600; }
@media (max-width: 767px) { .byline { gap: 4px 12px; } }
.ftr__legal a { color: inherit; }
.ftr__meta a { color: var(--lead); }
.ftr__meta a:hover { color: var(--ink); }
.cta__title { line-height: 0.88; }
a.jr__rail { color: var(--ink); }
main.sub .jr__no { font-size: var(--z-stno); }
main.sub .jr__title { font-size: clamp(24px, 17.31px + 1.71vw, 42px); }
.jr__rail--tag { grid-template-columns: 200px minmax(0, 1fr) minmax(120px, 220px) auto; }
.jr__tag, .jr__rail--tag .jr__status { text-transform: none; letter-spacing: 0; }
.jr__tag { color: var(--lead); }
@media (max-width: 1199px) {
.jr__rail--tag { grid-template-columns: 140px minmax(0, 1fr); }
.jr__tag { grid-column: 2; }
}
@media (max-width: 767px) {
.jr__rail--tag { grid-template-columns: 1fr; }
.jr__tag { grid-column: 1; }
}
main.sub > .sec.ps:not(.cmp) { padding-block: 100px 90px; }
@media (max-width: 767px) { main.sub > .sec.ps:not(.cmp) { padding-block: var(--s-6) var(--s-6); } }
.ps__t { font-family: 'Archivo', AF122850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' 122, 'wght' 850; }
:lang(de) .ps__t { font-family: 'Archivo', AF104850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' var(--wdth-de), 'wght' 850; hyphens: auto; }
.ps__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 48px;
letter-spacing: 0.06em; }
.ps__tagm { margin-inline-start: auto; }
.ps__body { max-width: 840px; }
.ps__cover { max-width: 840px; margin: var(--s-8) auto 0; }
.ps__cover img { display: block; width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; }
.ps__p { font-size: 18px; }
.ps__body .pull { font-family: 'Archivo', AF118700, sans-serif; font-weight: 700; font-variation-settings: 'wdth' 118, 'wght' 700;
padding-inline-start: 34px; }
.ps__foot { display: flex; align-items: center; justify-content: space-between;
gap: var(--s-3) var(--s-4); flex-wrap: wrap;
max-width: 840px; margin: var(--s-8) auto 0; padding-top: var(--s-4); }
.ps__author { max-width: none; margin: 0; padding-top: 0; }
.ps__mark { display: flex; align-items: flex-end; justify-content: center;
background: var(--ink); color: var(--paper);
font-size: 30px; line-height: 1; padding-bottom: 9px;
font-family: 'Archivo', AF110800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 110, 'wght' 800; letter-spacing: -0.02em; }
.ps__markdot { color: var(--signal-soft); }
.ps__an { font-size: 19px; }
.ps__ab { font-size: 14px; }
.ps__next { font-size: 15px; margin: 0; white-space: nowrap; position: relative; }
.ps__next::after { content: ''; position: absolute; inset-inline: -8px;
top: 50%; height: 44px; transform: translateY(-50%); }
@media (max-width: 767px) { .ps__meta { gap: 8px 24px; } }
.shot__vid { position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: 50% 0;
opacity: 0; transition: opacity var(--dur-micro) var(--ease-ui); }
.shot__vid.is-on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .shot__vid { display: none; } }
@media (max-width: 767px) {
.hdr { padding: 18px var(--margin-m); }
.hdr__mark { font-size: 17px; }
.lang--m span { font-size: 11px; padding: 6px 8px; }
.hdr__menu { font-size: 11px; letter-spacing: 0.1em; color: var(--ink); border: 0; padding: 0 4px; }
.menu { inset-block-start: 56px; }
.hero__inner {
height: auto; min-height: 0;
padding-block: 110px 40px; justify-content: flex-start;
}
.hero__label { font-size: 10.5px; letter-spacing: 0.16em; margin-bottom: 18px; }
.hero__title { line-height: 0.9; letter-spacing: -0.016em; }
.hero__meta { margin-top: 24px; padding-top: 0; padding-bottom: 0; border-top: 0; gap: 26px; }
.hero__support { font-size: 16px; }
.hero__scroll { margin-top: 2px; }
.hero__dot { width: 7px; height: 7px; }
.mq { padding-block: 10px; }
.mq__group { font-size: 10.5px; letter-spacing: 0.16em; }
main.home > #manifesto { padding-block: 60px; }
.mf__l { font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; line-height: 1.05; }
.mf__l + .mf__l { margin-top: 14px; }
.mf__l--in { padding-inline-start: 28px; }
main.home > #services { padding-block: 0 50px; }
.svc__list { display: block; border-bottom: 0; }
.svc { border: 0; border-top: 1px solid var(--line); }
.svc__rail {
display: flex; align-items: baseline; gap: 14px;
padding: 22px 0; min-height: 44px; grid-template-columns: none;
}
.svc__no { display: block; font-size: 30px; flex: none; }
.svc__main { flex: 1; }
.svc__title { font-size: 23px; line-height: 1.05; font-family: 'Archivo', AF114800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 114, 'wght' 800; }
.svc__lead { display: none; }
.svc__side { margin: 0; padding: 0; border: 0; flex: none; margin-inline-start: auto; }
.svc__arw { width: 22px; height: 22px; margin: 0; }
main.home > #work { padding-block: 0 50px; }
.shot { min-height: 0; height: 200px; aspect-ratio: auto; }
.scene__name {
font-size: 30px; font-family: 'Archivo', AF120850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' 120, 'wght' 850;
margin-top: -18px; padding-inline-start: 8px; margin-inline-start: 0;
}
.scene--r .scene__name { margin-inline: 0; }
.scene__meta, .scene__desc { padding-inline-start: 8px; }
.scene__meta { font-size: 10.5px; }
main.home > #geo { padding-block: 50px; }
.geo__title { font-size: 34px; font-family: 'Archivo', AF118850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' 118, 'wght' 850; line-height: 0.98; }
.geo__chips { display: none; }
.term { margin-top: 20px; }
.term__body { font-size: 11px; line-height: 1.8; padding: 16px 18px; grid-template-columns: 22px 1fr; }
.term__bar { padding: 12px 18px; }
main.home > #cta { padding-block: 70px 0; }
.cta__title { font-size: 48px; font-family: 'Archivo', AF122850, sans-serif; font-weight: 850; font-variation-settings: 'wdth' 122, 'wght' 850; line-height: 0.9; }
.cta__row { margin-top: 24px; gap: var(--s-3); }
.btn { padding: 15px 22px; font-size: 15px; }
.witness { font-size: 10px; gap: 6px; padding-block: 14px 0; }
.witness__live { color: var(--signal); }
.ftr__row { padding-block: 12px; }
.ftr__nav { display: none; }
.ftr__meta { font-size: 10.5px; width: 100%; justify-content: space-between; }
.ghostmark { height: 64px; margin-top: 14px; }
.ghostmark span { font-size: 92px; }
}
@media (max-width: 767px) {
.lang--m span { letter-spacing: 0; }
.scene__name { letter-spacing: 0; }
.scene__meta { font-size: 10.5px !important; }
.term__bar { line-height: 1.65; }
.witness { letter-spacing: 0; }
.ghostmark span { letter-spacing: 0; }
.cta__act .btn { justify-content: center; text-align: center; }
}
.hero__inner {
height: auto;
min-height: 860px;
padding-block: 0 90px;
justify-content: flex-end;
}
.hero__light {
background: linear-gradient(102deg,
rgba(0, 47, 167, 0) 40%, rgba(0, 47, 167, 0.13) 52%, rgba(0, 47, 167, 0) 64%);
background-size: 260% 100%;
animation: lightSweep 6s linear infinite;
transform: rotate(calc(var(--sweep-scroll, 0deg) + var(--sweep-rot, 0deg)));
}
@keyframes lightSweep { 0% { background-position: 200% 0; } 100% { background-position: -100% 0; } }
.hero__light {  }
.hero__label { font-size: 12px; letter-spacing: 0.18em; color: var(--lead); margin-bottom: 44px; }
.hero__title {
font-size: clamp(48px, 12.2vw, 176px);
line-height: 0.88; letter-spacing: -0.02em;
font-weight: 850;
--fp-wdth: var(--wdth-display);
font-variation-settings: 'wdth' var(--fp-wdth);
display: block;
}
:lang(en) .hero__title, :lang(de) .hero__title { --fp-wdth: var(--wdth-de); }
@keyframes focusPull {
0%   { filter: blur(12px); opacity: 0.25; font-variation-settings: 'wdth' 92; }
100% { filter: blur(0);    opacity: 1;    font-variation-settings: 'wdth' var(--fp-wdth, 125); }
}
.hero__l2 { animation: focusPull 1.4s var(--ease-focus) both; }
@keyframes signalPulse {
0%   { font-variation-settings: 'wdth' 92;                 filter: blur(0.057em); opacity: 0.42; }
32%  { font-variation-settings: 'wdth' var(--fp-wdth, 125); filter: blur(0);       opacity: 1; }
68%  { font-variation-settings: 'wdth' var(--fp-wdth, 125); filter: blur(0);       opacity: 1; }
100% { font-variation-settings: 'wdth' 92;                 filter: blur(0.057em); opacity: 0.42; }
}
.hero__l1 { display: block; animation: signalPulse 4.4s var(--ease-scene) infinite; }
.hero__l2 { display: block; padding-inline-start: 0; margin-inline-start: 0.545em; white-space: nowrap; }
.hero__l2t { display: inline; position: static; white-space: nowrap; }
.hero__caret {
position: static; display: inline-block;
width: 0.057em; height: 0.67em; margin-inline-start: 0.08em;
vertical-align: baseline; background: var(--signal);
animation: blink 1.1s step-end infinite;
}
@keyframes blink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }
.hero__meta {
display: grid; grid-template-columns: 1fr auto 1fr;
align-items: end; gap: 24px; margin-top: 64px;
padding-top: 0; padding-bottom: 0;
border-top: 0;
}
.hero__support { max-width: 380px; font-size: 17px; line-height: 1.5;
font-family: 'Archivo', AF100500, sans-serif; font-weight: 500; font-variation-settings: 'wdth' 100, 'wght' 500; color: var(--body-2); }
.hero__scroll { display: flex; align-items: center; gap: 12px;
font-size: 12px; letter-spacing: 0.14em; color: var(--lead); }
.hero__dot { width: 8px; height: 8px; order: -1; }
.hero__aside { justify-self: end; text-align: right;
font-size: 11px; line-height: 1.8; letter-spacing: 0.08em; color: var(--lead); }
@media (prefers-reduced-motion: reduce) {
.hero__light { animation: none; background-position: 38% 0; }
.hero__title, .hero__l1, .hero__l2 { animation: none; }
.hero__caret { animation: none; }
}
@media (max-width: 600px) {
.hero__inner { min-height: 640px; padding-block: 0 60px; justify-content: flex-end; }
.hero__title { font-size: 48px; line-height: 0.9; }
.hero__l2 { margin-inline-start: 0.33em; }
.hero__meta { grid-template-columns: 1fr; }
.hero__aside { display: none; }
}
@media (max-width: 1000px) {
.hdr__nav, .lang:not(.lang--m), .snd:not(.hdr__menu) { display: none; }
.hdr__menu { display: inline-flex; align-items: center; }
.lang--m { display: inline-flex; }
.menu { display: block; position: fixed; inset: var(--hdr-h) 0 0; z-index: 50;
background: var(--paper); overflow-y: auto; padding-block: var(--s-4) var(--s-8); }
.menu[hidden] { display: none; }
.menu__list { border-top: 1px solid var(--line); }
.menu__row { display: flex; align-items: center; min-height: 56px;
border-bottom: 1px solid var(--line); color: var(--ink);
font-size: 23px; font-family: 'Archivo', AF116800, sans-serif; font-weight: 800; font-variation-settings: 'wdth' 116, 'wght' 800; }
.menu__row:hover, .menu__row:focus-visible { color: var(--signal); }
.menu__langs { margin-top: var(--s-6); border-top: 1px solid var(--line); }
.menu__lang { display: flex; align-items: center; justify-content: space-between;
min-height: 44px; padding-inline: var(--s-2);
border-bottom: 1px solid var(--line); color: var(--ink); font-size: 17px; }
.menu__lang.is-cur { background: var(--mist); }
.menu__dot { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; }
body:has(.menu:not([hidden])) { overflow: hidden; }
}
@media (max-width: 767px) { .menu { inset-block-start: 56px; } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; }
}