@font-face{font-family:LS;src:url('assets/regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--paper:#edf0ed;--blue:#9bbdcf}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:#041b32;color:var(--paper);font-family:LS,Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #bfd8e5;outline-offset:7px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 39%,#264c6580 0,transparent 51%),linear-gradient(115deg,#02142790,transparent 50%,#02132680);z-index:-1}header{display:flex;align-items:center;justify-content:space-between;padding:34px 5vw;z-index:2}.logo{width:145px;height:auto;filter:brightness(0) invert(1);opacity:.93}#language{display:flex;align-items:center;gap:18px;background:none;border:1px solid #a7c4d433;border-radius:50%;width:65px;height:65px;justify-content:center;font:11px Arial;transition:background .3s}#language:hover{background:#ffffff12}main{position:relative;display:grid;place-items:center;flex:1;min-height:550px;isolation:isolate}.architecture{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.structure{position:absolute;left:50%;top:48%;width:480px;height:480px;transform:translate(-50%,-50%) rotate(-22deg);animation:float 18s ease-in-out infinite}.structure i{position:absolute;inset:0;border:1px solid #a4c7da38;box-shadow:inset 0 0 22px #b9daee03,0 0 25px #bad8ee03;border-radius:2px;transform:rotate(calc(var(--i)*9deg)) scale(calc(1 - var(--i)*.085));animation:form 12s ease-in-out infinite;animation-delay:calc(var(--i)*-.55s)}.structure i:before,.structure i:after{content:"";position:absolute;width:50px;height:50px;border:1px solid #c2dbeaaa}.structure i:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.structure i:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.structure i:nth-child(1){--i:0}.structure i:nth-child(2){--i:1}.structure i:nth-child(3){--i:2}.structure i:nth-child(4){--i:3}.structure i:nth-child(5){--i:4}.structure i:nth-child(6){--i:5}.horizon{position:absolute;left:10%;right:10%;bottom:8%;height:1px;background:linear-gradient(90deg,transparent,#99c3db38,transparent)}.horizon:before{content:"";position:absolute;left:30%;right:30%;height:70px;bottom:0;background:radial-gradient(ellipse at bottom,#5f9ec523,transparent 70%)}.message{text-align:center;padding:45px 20px;position:relative}.message:before{content:"";position:absolute;inset:0 -50px;background:radial-gradient(ellipse,#041b32dd 5%,#041b3280 40%,transparent 70%);z-index:-1}.eyebrow{display:flex;gap:10px;justify-content:center;align-items:center;font-size:13px;letter-spacing:.06em;color:#b6cbd7}.eyebrow>span:first-child{width:5px;height:5px;border-radius:50%;background:#c2d9e3;box-shadow:0 0 15px #bfd7e0}h1{font-size:clamp(100px,12vw,178px);font-weight:400;line-height:1.18;letter-spacing:-.055em;margin:18px 0 4px;text-shadow:0 5px 40px #00132780}p{font-size:20px;color:#a8bdc9;margin:18px 0 30px}.fine-line{display:flex;align-items:center;gap:16px;justify-content:center;color:#a4c5d7}.fine-line span{width:46px;height:1px;background:#9bbdcf55}.fine-line b{font:17px Georgia}.signature{display:block;font:9px Arial,sans-serif;letter-spacing:3.4px;color:#8fa8b8;margin-top:25px}footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;gap:24px;margin:0 5vw;padding:26px 0 30px;border-top:1px solid #9ebaca25;color:#a3b9c7}.domain{font:9px Arial,sans-serif;letter-spacing:2.6px}footer a{display:flex;gap:19px;font-size:13px}footer a:hover{color:white}#motion{position:absolute;left:50%;transform:translateX(-50%);border:1px solid #b3c9d333;border-radius:50%;background:transparent;width:32px;height:32px;font:12px Arial;color:#9db5c4}.paused .structure,.paused .structure i{animation-play-state:paused!important}html[lang=en] h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(65px,8.2vw,118px);font-weight:400;letter-spacing:-.06em;margin:28px 0 22px}html[lang=en] .eyebrow{font:10px Arial;letter-spacing:2.5px}html[lang=en] p{font-size:18px}@keyframes float{0%,100%{transform:translate(-50%,-50%) rotate(-22deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-12deg) translateY(-15px)}}@keyframes form{0%,100%{opacity:.5;transform:rotate(calc(var(--i)*9deg)) scale(calc(1 - var(--i)*.085))}50%{opacity:1;transform:rotate(calc(var(--i)*4deg)) scale(calc(1 - var(--i)*.075))}}@media(min-width:1500px){.structure{width:550px;height:550px}}@media(max-width:600px){header{padding:25px 7vw}.logo{width:116px}#language{width:49px;height:49px;font-size:10px;gap:10px}main{min-height:460px}.structure{width:315px;height:315px;top:46%}.structure i:before,.structure i:after{width:30px;height:30px}h1{font-size:112px}.eyebrow{font-size:12px}p{font-size:17px}.signature{font-size:8px;letter-spacing:2px}footer{margin:0 7vw;padding:22px 0 27px;gap:15px}.domain{font-size:8px;letter-spacing:1.2px}footer a{font-size:12px;gap:10px}#motion{position:static;transform:none;order:3;width:28px;height:28px;flex-shrink:0}html[lang=en] h1{font-size:63px}html[lang=en] .eyebrow{font-size:8px;letter-spacing:1.5px}html[lang=en] p{font-size:16px}.message:before{inset:0 -10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
