@charset "UTF-8";
:root {
  --space:#070b19;--space-deep:#040712;--space-card:#0d1427;--space-line:rgba(184,217,245,.17);
  --text:#f2f3ff;--muted:#a5afc8;--dim:#77839e;--aqua:#8ce7f1;--violet:#b4a7ff;--gold:#dfba89;
  --font-body:"Segoe UI","Aptos",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-display:Georgia,"Iowan Old Style","Palatino Linotype",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:var(--space);color:var(--text);margin:0;font-family:var(--font-body);font-size:16px;line-height:1.65;min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:#70dce7;color:#07111b}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}
h1,h2,h3,p{margin-top:0}
.container{width:min(1280px,calc(100% - 88px));margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-100px;z-index:1000;background:#b8f1fc;color:#070b19;padding:12px 24px}
.skip-link:focus{top:12px}
.universe{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 70% 32% at 82% 7%,rgba(21,34,76,.64),transparent 75%),linear-gradient(180deg,#070a16 0%,#0b1024 40%,#070b19 72%,#080c19 100%)}
#starfield{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:.95}
.nebula{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.nebula-a{width:800px;height:700px;top:-180px;right:-220px;background:radial-gradient(ellipse,rgba(41,71,140,.25),rgba(31,20,91,.12) 48%,transparent 72%)}
.nebula-b{width:850px;height:1050px;top:1350px;left:-400px;background:radial-gradient(ellipse,rgba(23,65,100,.12),transparent 70%)}
.stellar-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#c7e5ff .55px,transparent .8px);background-size:37px 41px;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 85%,transparent)}
.site-header{position:relative;z-index:100;height:100px;border-bottom:1px solid rgba(164,188,225,.10);background:rgba(6,9,20,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-symbol{width:53px;height:53px;color:#e7eafe;filter:drop-shadow(0 0 10px rgba(123,203,245,.13))}
.brand-words{display:flex;flex-direction:column;line-height:1;letter-spacing:.16em}
.brand-words strong{font-size:15px;letter-spacing:.2em;font-weight:740}
.brand-words small{font-size:9px;color:var(--aqua);letter-spacing:.45em;padding-top:6px}
.nav-links{display:flex;align-items:center;gap:31px;margin-left:auto}
.nav-links a{color:#b8c0d8;font-size:13px;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:15px}
.lang-btn{border:0;background:transparent;color:#d3dcf0;padding:9px 13px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;letter-spacing:.1em}
.lang-disc{font-size:24px;font-weight:300;color:var(--aqua)}
.contact-pill{background:#d5edf0;color:#0a1523;border:1px solid #d5edf0;border-radius:30px;padding:10px 21px;display:flex;gap:26px;align-items:center;font-size:13px;font-weight:650;transition:transform .2s,background .2s}
.contact-pill:hover{transform:translateY(-2px);background:#fff}
.menu-btn{display:none;border:0;background:none;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-btn span{display:block;width:22px;height:1px;background:var(--text);transition:transform .25s}
.hero{position:relative;min-height:715px;padding:60px 0 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:575px;position:relative}
.hero-content{position:relative;z-index:5;padding:30px 0 58px;max-width:680px}
.eyebrow,.overline,.art-caption,.hero-coordinate,.scroll-cue,.visual-label,.project-category,.card-top,.status,.experimental .exp-corner,.project-disclaimer,.about-facts span,.footer-meta,.footer-bottom,.hero-meta{font-size:10px;font-weight:700;letter-spacing:.19em}
.eyebrow{display:flex;align-items:center;gap:13px;color:var(--aqua);margin-bottom:26px;white-space:nowrap}
.tiny-star{font-size:19px;line-height:1;filter:drop-shadow(0 0 12px #84efff)}
.hero h1{font-size:clamp(62px,6.25vw,104px);line-height:1.025;letter-spacing:-.062em;font-weight:600;white-space:nowrap;margin-bottom:27px}
.hero h1 em{font-family:var(--font-display);font-weight:400;letter-spacing:-.075em;background:linear-gradient(100deg,#e3defc 2%,#b7d8f9 45%,#91f0eb 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:17px;color:#b1bfd6;line-height:1.9;max-width:490px;margin-bottom:35px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:54px;border-radius:6px;font-size:12px;letter-spacing:.02em;font-weight:700;transition:transform .2s,box-shadow .25s,background .2s}
.btn:hover{transform:translateY(-3px)}
.btn-primary{padding:0 24px;background:#dcecf4;color:#0b1421;box-shadow:0 10px 32px rgba(46,144,173,.11)}
.btn-primary:hover{box-shadow:0 14px 45px rgba(119,210,236,.22)}
.btn-arrow{font-size:18px;font-weight:400}
.btn-quiet{padding:0 10px;color:#dce8fc;gap:12px}
.btn-quiet:hover{color:var(--aqua)}
.hero-meta{display:flex;gap:12px;align-items:center;color:#8797b1;margin-top:71px;letter-spacing:.07em;font-weight:500;font-size:11px}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:#78dccd;box-shadow:0 0 0 4px rgba(113,229,215,.11),0 0 19px rgba(113,229,215,.7)}
.space-art{height:650px;width:100%;position:relative;isolation:isolate;transform:translate(26px,-8px)}
.ambient-halo{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(ellipse,rgba(91,139,221,.14) 0%,rgba(51,64,148,.13) 31%,rgba(59,43,97,.08) 51%,transparent 70%);filter:blur(9px)}
.space-art::before{content:"";position:absolute;inset:3%;border-radius:50%;border:1px solid rgba(151,204,241,.045)}
.space-art::after{content:"";position:absolute;left:9%;top:13%;width:82%;height:82%;border-radius:50%;background:conic-gradient(from -35deg,transparent,rgba(116,186,241,.12),transparent,transparent,rgba(177,149,249,.07),transparent);mask:radial-gradient(circle,transparent 57%,#000 59%,#000 60%,transparent 62%);animation:spin 80s linear infinite}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(164,212,244,.25);border-radius:50%;transform-origin:50% 50%;pointer-events:none}
.orbit-one{width:520px;height:320px;margin-left:-260px;margin-top:-160px;transform:rotate(-37deg)}
.orbit-two{width:505px;height:505px;margin-left:-252.5px;margin-top:-252.5px;transform:rotate(18deg);border-color:rgba(164,212,244,.12)}
.orbit-three{width:430px;height:180px;margin-left:-215px;margin-top:-90px;transform:rotate(36deg);border-color:rgba(141,186,225,.28)}
.orbit-four{width:570px;height:570px;margin-left:-285px;margin-top:-285px;border-color:rgba(166,192,235,.10);border-style:dashed}
.planet{position:absolute;left:50%;top:50%;width:285px;height:285px;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;box-shadow:inset -48px -24px 60px rgba(3,10,24,.85),inset 16px 13px 35px rgba(154,234,254,.24),-10px -7px 60px rgba(45,148,207,.15),0 0 0 1px rgba(186,242,253,.16);background:radial-gradient(circle at 29% 21%,rgba(206,249,255,.95) 0%,#8fc5e4 8%,#4577b0 26%,#214477 49%,#132b51 66%,#081629 92%)}
.planet-clouds{position:absolute;inset:-22%;transform:rotate(-29deg);background:repeating-linear-gradient(166deg,transparent 0px,transparent 24px,rgba(174,229,255,.12) 25px,rgba(214,250,254,.21) 30px,transparent 48px,transparent 64px);filter:blur(7px);opacity:.85;animation:planetDrift 35s ease-in-out infinite alternate}
.planet-shadow{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 35%,rgba(1,6,20,.7) 91%)}
.planet-highlight{position:absolute;width:80%;height:70%;left:-10%;top:-16%;transform:rotate(-35deg);background:radial-gradient(ellipse,rgba(186,244,255,.45),transparent 69%);filter:blur(15px)}
.planet-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:50%;box-shadow:0 0 105px 22px rgba(79,151,228,.09);z-index:-1}
.orbital-point{position:absolute;width:7px;height:7px;border-radius:50%;background:#d7f7ff;box-shadow:0 0 11px 4px rgba(160,226,255,.6),0 0 32px rgba(126,209,243,.5)}
.point-a{left:18%;top:39%}.point-b{right:11%;top:29%;width:5px;height:5px;background:#ddcefb}.point-c{right:22%;bottom:14%;width:4px;height:4px}
.art-constellation{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.art-caption{position:absolute;left:6%;color:rgba(176,204,234,.45);font-size:9px;z-index:3}
.art-caption-top{top:8%}.art-caption-bottom{bottom:6%}
.art-caption-bottom span{color:var(--aqua)}
.art-crosshair{position:absolute;color:#b8eaff;font-size:18px;opacity:.5}.crosshair-a{right:10%;top:12%}.crosshair-b{left:13%;bottom:17%}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:25px 0 35px;gap:30px}
.hero-coordinate{display:flex;align-items:center;gap:22px;color:rgba(157,187,218,.55);font-size:9px}.hero-coordinate span:first-child{color:var(--aqua)}
.hero-line{width:80px;height:1px;background:rgba(160,195,227,.28)}
.scroll-cue{color:rgba(157,187,218,.65);display:flex;gap:15px;align-items:center;font-size:9px}.scroll-arrow{font-size:21px;color:var(--aqua)}
.intro-band{background:linear-gradient(90deg,rgba(12,27,47,.93),rgba(14,26,50,.96));border-top:1px solid rgba(131,184,221,.1);border-bottom:1px solid rgba(131,184,221,.1)}
.intro-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.intro-inner p{font-size:13px;letter-spacing:.19em;color:#899dbc;margin:0;font-weight:550}.intro-inner strong{color:#e7efff;font-weight:650}.band-star{font-size:29px;color:#89c7ef;opacity:.72}
.section{padding:130px 0;position:relative}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:49px}
.overline{display:flex;align-items:center;gap:15px;color:var(--aqua);font-size:10px;margin-bottom:27px}
.overline span:first-child{color:#687a9d}
.section h2{font-size:clamp(46px,5.1vw,76px);line-height:1.11;letter-spacing:-.047em;font-weight:550;margin:0}
.section h2 em{font-family:var(--font-display);font-weight:400;color:#a3baf3;letter-spacing:-.04em}
.section-deck{max-width:355px;margin:0 0 12px;color:#a3b2ce;line-height:1.9;font-size:15px}
.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.project-card{min-width:0;position:relative;border:1px solid rgba(158,191,229,.16);border-radius:12px;background:linear-gradient(165deg,rgba(25,37,70,.77),rgba(12,19,38,.93));overflow:hidden;transition:transform .35s,border .35s,box-shadow .35s}
.project-card:hover{transform:translateY(-5px);border-color:rgba(125,222,234,.4);box-shadow:0 18px 60px rgba(1,7,17,.35)}
.card-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;color:#8b9dbd;font-size:9px;gap:10px}
.status{display:inline-flex;align-items:center;gap:7px;color:#a2c7cd;letter-spacing:.06em;font-size:8px;white-space:nowrap}
.status-point{width:5px;height:5px;border-radius:50%;background:#90e4cb}
.project-visual{height:240px;margin:0 28px;position:relative;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at center,rgba(80,115,167,.20),transparent 70%),#0a1429}
.featured-card .project-visual{height:280px}
.project-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(180,223,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(180,223,255,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 93%)}
.visual-label{position:absolute;bottom:16px;left:17px;color:rgba(186,225,249,.48);font-size:8px;letter-spacing:.22em}
.project-copy{padding:24px 28px 31px}
.project-category{font-size:9px;color:#91dfe9}
.project-copy h3{font-size:clamp(25px,2.65vw,40px);margin:7px 0 10px;letter-spacing:-.045em;font-weight:600;line-height:1.3;display:flex;justify-content:space-between;align-items:center}
.project-copy h3 span{font-size:19px;color:rgba(155,212,239,.48)}
.project-copy>p:not(.project-tagline){font-size:13px;line-height:1.85;color:#9cabca;max-width:490px;margin:0}
.project-tagline{font-family:var(--font-display);font-size:19px;font-style:italic;color:#c9d7f2;margin:-6px 0 9px}
.card-visual-cards{background:radial-gradient(ellipse at 45% 50%,rgba(92,62,173,.32),transparent 64%),radial-gradient(ellipse at 60% 20%,rgba(29,132,156,.20),transparent 60%),#0c1129}
.card-stack{position:absolute;top:50%;left:50%;width:139px;height:192px;border-radius:13px;border:1px solid rgba(189,221,255,.5);background:linear-gradient(140deg,rgba(78,122,196,.5),rgba(17,31,68,.8));box-shadow:0 15px 45px rgba(3,7,20,.43)}
.card-back{transform:translate(-9%,-48%) rotate(23deg);opacity:.55}
.card-mid{transform:translate(-78%,-50%) rotate(-17deg);opacity:.78}
.card-front{transform:translate(-50%,-55%) rotate(0deg);background:radial-gradient(circle at 50% 45%,rgba(99,216,240,.2),transparent 52%),linear-gradient(140deg,#203771,#111c4d 55%,#15284a);box-shadow:0 0 0 6px rgba(173,237,249,.04),0 22px 70px rgba(7,10,31,.6),inset 0 0 0 7px rgba(126,165,219,.06);display:grid;place-items:center}
.card-front::after{content:"";position:absolute;inset:13px;border:1px solid rgba(170,206,251,.35);border-radius:6px}
.card-nova{font-size:84px;color:#afdbff;text-shadow:0 0 35px rgba(127,217,255,.9),0 0 100px rgba(137,129,244,.65);line-height:1}
.card-badge{font-size:8px;position:absolute;bottom:23px;color:#a6d7ec;letter-spacing:.23em}
.card-orbit{position:absolute;top:14px;right:23px;font-size:50px;color:rgba(139,175,237,.15)}
.card-visual-little{background:radial-gradient(circle at center,rgba(211,144,133,.19),transparent 60%),#161a30}
.little-halo{position:absolute;width:235px;height:235px;border:1px dashed rgba(226,184,182,.35);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}
.little-clock{position:absolute;width:157px;height:157px;border:7px solid #e9bbab;box-shadow:0 0 0 1px rgba(255,255,255,.15),inset 0 0 45px rgba(227,174,153,.13),0 0 45px rgba(211,141,126,.12);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}
.little-clock::after{content:"";position:absolute;inset:10px;border:1px solid rgba(243,207,200,.24);border-radius:50%}
.clock-hand{position:absolute;left:50%;top:50%;background:#f0d2b5;transform-origin:bottom center;border-radius:4px}.hand-one{width:4px;height:42px;transform:translate(-50%,-100%) rotate(24deg)}.hand-two{width:3px;height:54px;transform:translate(-50%,-100%) rotate(115deg)}.clock-center{position:absolute;width:9px;height:9px;background:#fff1dd;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.little-spark{position:absolute;color:#f0c8be}.spark-one{top:37px;left:22%;font-size:25px}.spark-two{bottom:48px;right:23%;font-size:19px}
.card-visual-madro{background:radial-gradient(circle at center,rgba(118,148,94,.16),transparent 65%),#0e1c28}
.plate{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%}.plate-outer{width:216px;height:216px;border:1px solid rgba(187,206,172,.4);box-shadow:0 0 0 20px rgba(160,201,169,.025),inset 0 0 35px rgba(171,214,171,.05)}.plate-inner{width:170px;height:170px;border:1px dashed rgba(194,215,171,.27)}.food-sun{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:114px;color:#d4d0a6;text-shadow:0 0 25px rgba(216,223,163,.3)}
.card-visual-kurs{background:radial-gradient(circle at 60% 36%,rgba(47,135,143,.16),transparent 72%),#0b2028}
.card-visual-kurs svg{position:absolute;width:85%;height:85%;left:8%;top:5%;filter:drop-shadow(0 0 10px rgba(111,232,234,.22))}
.graph-grid{position:absolute;inset:20px 34px;background-image:linear-gradient(rgba(126,225,228,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(126,225,228,.11) 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 90%,transparent)}
.experimental{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:24px;border-top:1px solid var(--space-line);border-bottom:1px solid var(--space-line);padding:30px 12px;margin-top:32px}
.experimental-symbol{font-size:57px;font-family:var(--font-display);color:var(--violet);line-height:1}
.experimental .overline{margin-bottom:6px;color:#9ab0cd;font-size:8px}.experimental h3{font-size:24px;margin:0 0 5px;font-weight:580}.experimental p:last-child{font-size:13px;color:#9aa8c2;max-width:650px;line-height:1.65;margin:0}.experimental .exp-corner{font-size:9px;white-space:nowrap;color:#9daccc}
.project-disclaimer{font-size:10px;letter-spacing:.03em;font-weight:450;color:#8393b1;margin-top:23px}
.principles{background:linear-gradient(130deg,rgba(15,22,42,.98),rgba(13,26,52,.97));border-top:1px solid var(--space-line);border-bottom:1px solid var(--space-line)}
.principle-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%}
.principle-intro h2{font-size:clamp(41px,4.3vw,65px)}
.principle-intro>p:last-child{max-width:410px;color:#a2b1c8;font-size:14px;line-height:1.9;margin-top:30px}
.principle-list{padding-top:30px}
.principle{display:grid;grid-template-columns:37px 1fr 30px;gap:15px;border-top:1px solid var(--space-line);padding:32px 0}
.principle:last-child{border-bottom:1px solid var(--space-line)}
.principle>span:first-child{font-size:11px;color:var(--aqua);letter-spacing:.08em}
.principle>span:last-child{font-size:28px;color:#8aa7d5;font-family:var(--font-display);line-height:1}
.principle h3{font-weight:580;font-size:22px;letter-spacing:-.025em;margin:0 0 7px}
.principle p{font-size:13px;color:#9eafcb;line-height:1.8;margin:0}
.about-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:11%;align-items:center}
.about-graphic{aspect-ratio:1/1;position:relative;border:1px solid rgba(159,198,234,.10);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(70,93,172,.12),transparent 55%);display:flex;align-items:center;justify-content:center}
.about-graphic::before,.about-graphic::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(165,199,239,.16)}.about-graphic::before{inset:10%}.about-graphic::after{inset:26%}
.about-nebula{position:absolute;inset:10%;filter:blur(40px);background:radial-gradient(circle at 40% 40%,rgba(106,63,161,.18),transparent 65%)}
.about-stars{position:absolute;inset:0;width:100%;height:100%}
.about-graphic>span{font-size:140px;font-family:var(--font-display);font-weight:300;color:rgba(154,211,239,.5);text-shadow:0 0 60px rgba(123,182,231,.3)}
.about-graphic>small{position:absolute;bottom:11%;font-size:9px;letter-spacing:.2em;color:#99a8c7}
.about-copy p:not(.overline){font-size:14px;line-height:1.9;color:#a7b4cb;margin-top:25px}
.about-facts{display:flex;gap:44px;border-top:1px solid var(--space-line);margin-top:38px;padding-top:24px}
.about-facts>div{display:flex;flex-direction:column;gap:3px}
.about-facts span{color:#7794b6;font-size:9px}
.about-facts strong{color:#d8e8fc;font-size:14px;font-weight:550}
.contact-section{padding-top:90px;padding-bottom:130px}
.contact-panel{position:relative;overflow:hidden;border:1px solid rgba(160,213,240,.23);background:radial-gradient(circle at 78% 26%,rgba(62,98,160,.26),transparent 39%),linear-gradient(135deg,#152342,#0b1830 85%);border-radius:15px;padding:90px 8%;box-shadow:0 40px 110px rgba(0,4,18,.25)}
.contact-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(176,221,246,.42) .6px,transparent 1px);background-size:51px 54px;opacity:.14;pointer-events:none}
.contact-panel h2{font-size:clamp(49px,6vw,80px);position:relative;z-index:1}
.contact-panel p:not(.overline){max-width:475px;color:#a9c3d9;line-height:1.9;font-size:15px;margin:22px 0 29px}
.contact-star{position:absolute;right:12%;top:15%;font-size:135px;color:rgba(141,195,255,.20);text-shadow:0 0 60px rgba(121,210,249,.13)}
.btn-contact{padding:0 27px;background:#9cecf0;color:#09202b;position:relative}
.btn-contact:hover{background:#d2fcff}
.contact-email{font-size:12px;color:#809dbd;margin-top:18px}
.site-footer{border-top:1px solid rgba(153,194,230,.15);background:#060a16;padding:55px 0 24px}
.footer-main{display:flex;justify-content:space-between;gap:45px;padding-bottom:53px}
.footer-brand{font-size:18px;font-weight:800;letter-spacing:.19em}.footer-brand span{color:var(--aqua);margin:0 3px}
.footer-main p{font-size:13px;color:#8396b7;margin:10px 0 0}
.footer-meta{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#8498bb;letter-spacing:.08em}
.footer-meta a{color:#bdcce5}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--space-line);padding-top:24px;color:#6e7e9b;font-size:10px;letter-spacing:.03em;font-weight:450}
.footer-bottom a:hover{color:var(--aqua)}
.privacy-main{min-height:70vh;padding:120px 0}
.privacy-content{max-width:780px}
.privacy-content h1{font-size:clamp(52px,6vw,83px);line-height:1.08;letter-spacing:-.05em;font-weight:550;margin:14px 0 20px}
.privacy-content h1 em{font-family:var(--font-display);color:#a8c4fa;font-weight:400}
.privacy-content .updated{color:#8094b4;margin:0 0 50px;font-size:13px}
.privacy-content h2{font-size:22px;letter-spacing:-.02em;margin:36px 0 8px}
.privacy-content p{color:#aab8d4;line-height:1.9;font-size:15px;margin:0 0 19px}
.privacy-back{display:inline-flex;gap:10px;color:var(--aqua);font-size:12px;letter-spacing:.08em;font-weight:600}
.privacy-back:hover{color:white}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes planetDrift{to{transform:rotate(-21deg) translateY(12px)}}
@media (max-width:1100px){
  .container{width:min(1180px,calc(100% - 60px))}
  .nav-links{gap:17px}.hero h1{font-size:clamp(59px,6.6vw,84px)}
  .space-art{transform:translate(10px,-5px) scale(.85)}
  .hero-grid{grid-template-columns:1.04fr .96fr}
  .contact-pill{gap:12px}
  .section{padding:100px 0}
}
@media (max-width:800px){
  .container{width:calc(100% - 40px)}
  .site-header{height:76px}
  .brand-symbol{width:42px;height:42px}
  .brand-words strong{font-size:13px}.brand-words small{font-size:8px}
  .nav-links{position:absolute;left:0;top:75px;right:0;padding:14px 20px 22px;flex-direction:column;align-items:stretch;gap:0;background:rgba(7,12,27,.98);backdrop-filter:blur(22px);border-bottom:1px solid var(--space-line);display:none}
  .nav-links.is-open{display:flex}
  .nav-links a{font-size:15px;padding:11px 8px}
  .menu-btn{display:flex}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .contact-pill{display:none}
  .hero{padding-top:40px}
  .hero-grid{display:flex;flex-direction:column;min-height:0;gap:0}
  .hero-content{align-self:stretch;padding:57px 0 5px}
  .eyebrow{font-size:9px;letter-spacing:.11em;white-space:normal}
  .hero h1{font-size:clamp(55px,10vw,79px);white-space:normal;letter-spacing:-.065em}
  .hero-lead{max-width:610px;font-size:15px;line-height:1.8}
  .hero-meta{margin-top:45px}
  .space-art{height:475px;width:min(600px,100%);transform:scale(.73);margin:-44px 0 -53px;flex-shrink:0}
  .hero-bottom{padding:11px 0 27px}
  .project-grid{grid-template-columns:1fr 1fr;gap:14px}
  .project-visual,.featured-card .project-visual{height:195px;margin:0 17px}
  .card-top{padding:20px 17px;font-size:8px}
  .project-copy{padding:22px 18px}
  .project-copy h3{font-size:27px}
  .featured-card .card-stack{zoom:.8}
  .section-top{align-items:start}
  .principle-layout{gap:7%}
  .about-layout{gap:7%}
  .contact-panel{padding:66px 7%}
}
@media (max-width:580px){
  .container{width:calc(100% - 36px)}
  .hero{padding-top:7px}
  .hero-content{padding:66px 0 0}
  .hero h1{font-size:clamp(51px,12.2vw,69px);line-height:1.06;margin-bottom:20px}
  .hero-lead{font-size:15px;margin-bottom:27px}
  .hero-buttons{gap:6px}.btn-primary{padding:0 15px;font-size:11px;gap:12px;min-height:50px}.btn-quiet{font-size:11px;gap:5px;padding:0 12px}
  .hero-meta{margin-top:36px;font-size:10px}
  .space-art{width:570px;max-width:none;align-self:center;transform:scale(.59);margin:-114px 0 -113px;height:570px}
  .hero-bottom{display:none}
  .intro-inner{min-height:79px}.intro-inner p{font-size:10px;letter-spacing:.08em}.band-star{font-size:23px}
  .section{padding:88px 0}
  .section-top{display:block;margin-bottom:34px}.section h2{font-size:clamp(43px,11vw,59px)}
  .section-deck{margin-top:19px;font-size:14px}
  .project-grid{grid-template-columns:1fr;gap:18px}
  .project-visual,.featured-card .project-visual{height:227px;margin:0 18px}
  .card-top{padding:19px 18px}.project-copy{padding:24px 20px 27px}
  .project-copy h3{font-size:32px}
  .featured-card .card-stack{zoom:1}
  .experimental{grid-template-columns:52px 1fr;gap:13px;padding:22px 0}
  .experimental-symbol{font-size:47px}.experimental .exp-corner{grid-column:2;font-size:8px}
  .principle-layout,.about-layout{grid-template-columns:1fr;gap:35px}
  .principle-list{padding-top:0}
  .principle-intro>p:last-child{margin-top:22px}
  .principle{padding:25px 0;grid-template-columns:26px 1fr 18px;gap:8px}
  .principle h3{font-size:21px}
  .about-graphic{width:min(330px,95%);margin:auto}
  .about-graphic>span{font-size:105px}
  .about-facts{gap:22px;flex-wrap:wrap}
  .contact-section{padding-top:42px}
  .contact-panel{padding:56px 23px 46px}
  .contact-panel h2{font-size:clamp(42px,11vw,64px)}
  .contact-star{right:-15px;top:-10px;font-size:95px}
  .footer-main{display:block}
  .footer-meta{margin-top:30px}
  .footer-bottom{flex-wrap:wrap;justify-content:start;column-gap:20px;row-gap:8px}
  .privacy-main{padding:65px 0}.privacy-content h1{font-size:52px}
}
@media (max-width:360px){
  .lang-btn{padding:8px}.hero h1{font-size:46px}.btn-quiet{padding:0 3px}
  .brand-symbol{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Keep the cosmic canvas above the page background and within a sensible pixel budget. */
body{position:relative;isolation:isolate}
#starfield{height:1600px;max-height:100%}


/* COSMIC MOTION V2 — slow orbital mechanics, breathing bloom, accessible fallbacks */
.orbit-one{animation:rhd-orbit-one 92s linear infinite}
.orbit-two{animation:rhd-orbit-two 132s linear infinite}
.orbit-three{animation:rhd-orbit-three 111s linear infinite}
.orbit-four{animation:rhd-orbit-four 170s linear infinite}
.orbit-one::after,.orbit-three::after{
  content:"";position:absolute;top:26%;right:4%;width:6px;height:6px;
  border-radius:50%;background:rgba(221,246,255,.95);
  box-shadow:0 0 6px 2px rgba(189,231,255,.5),0 0 22px 7px rgba(105,190,255,.15);
}
.orbit-three::after{left:12%;right:auto;top:14%;width:4px;height:4px;opacity:.65}
.planet{animation:rhd-planet-float 13s ease-in-out infinite}
.planet-glow{animation:rhd-glow-breath 9s ease-in-out infinite}
.ambient-halo{animation:rhd-ambient-breath 16s ease-in-out infinite}
.orbital-point{animation:rhd-orbital-twinkle 4.4s ease-in-out infinite}
.point-b{animation-delay:-1.7s}.point-c{animation-delay:-3.1s}
.contact-panel .youtube-link{
  display:inline-flex;align-items:center;margin-top:17px;
  font-size:13px;letter-spacing:.025em;font-weight:630;
  color:#b6d9f5;border-bottom:1px solid rgba(180,221,245,.3);
  padding-bottom:3px;transition:color .2s,border-color .2s;
}
.contact-panel .youtube-link:hover{color:white;border-color:#fff}
.footer-youtube{color:#b7cde7!important;font-weight:650}
.footer-youtube:hover{color:#9de8f2!important}
@keyframes rhd-orbit-one{from{transform:rotate(-37deg)}to{transform:rotate(323deg)}}
@keyframes rhd-orbit-two{from{transform:rotate(18deg)}to{transform:rotate(-342deg)}}
@keyframes rhd-orbit-three{from{transform:rotate(36deg)}to{transform:rotate(396deg)}}
@keyframes rhd-orbit-four{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes rhd-planet-float{
  0%,100%{transform:translate(-50%,-50%) translateY(0)}
  50%{transform:translate(-50%,-50%) translateY(-7px)}
}
@keyframes rhd-glow-breath{
  0%,100%{opacity:.72;box-shadow:0 0 75px 11px rgba(91,167,230,.07)}
  50%{opacity:1;box-shadow:0 0 124px 30px rgba(91,167,230,.17)}
}
@keyframes rhd-ambient-breath{
  0%,100%{opacity:.64;filter:blur(9px)}
  50%{opacity:1;filter:blur(14px)}
}
@keyframes rhd-orbital-twinkle{0%,100%{opacity:.46}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .orbit-one,.orbit-two,.orbit-three,.orbit-four,.planet,.planet-glow,.ambient-halo,.orbital-point{
    animation:none!important;
  }
}