/* Spatial composition — no dependency on pointer hover for essential content. */
body{background:#060b12;isolation:isolate;overflow-x:clip}body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 82% 15%,#14396285,transparent 45%),radial-gradient(ellipse at 5% 65%,#20224c70,transparent 50%)}
.space-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.75}.hero{isolation:isolate;perspective:1200px;min-height:680px;gap:34px;padding-block:65px 85px}.hero-copy{z-index:3}.hero h1{font-size:clamp(36px,4.7vw,66px);font-weight:500;letter-spacing:-2.4px;line-height:1.12;text-shadow:0 3px 40px #8cbbff18}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#f5f9ff,#a8dfff 52%,#aab9ff);color:transparent;background-clip:text;-webkit-background-clip:text}.intro{color:#b7c5d6}.hero-caption{border-color:#b9d5ff28}.hero-symbol{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);padding:22px;max-width:570px;filter:drop-shadow(0 32px 40px #0008)}.hero-symbol::before{content:'';position:absolute;inset:6%;border:1px solid #bfe7ff45;border-radius:32px;background:linear-gradient(135deg,#d8eeff12,transparent 35%,#628cdf0a);box-shadow:inset 0 1px 0 #ecf7ff28,0 0 65px #498bfd12;transform:translateZ(-45px) rotate(-7deg);pointer-events:none;animation:frame-breathe 9s ease-in-out infinite}.hero-symbol::after{content:'';position:absolute;left:12%;right:12%;height:18%;bottom:0;border-radius:50%;background:radial-gradient(ellipse,#69c9ff55,transparent 65%);transform:rotateX(70deg) translateZ(-50px);filter:blur(15px);pointer-events:none}.hero-symbol video{position:relative;border-radius:24px;transform:translateZ(30px);animation:brand-float 7s ease-in-out infinite;box-shadow:0 20px 70px #0007}.motion-toggle{right:30px;bottom:30px;z-index:4;transform:translateZ(65px);backdrop-filter:blur(12px);min-height:44px;font-size:13px}.eyebrow{color:#b8daf4;font-size:12px}.profession{font-size:12px}.hero-caption{font-size:12px;letter-spacing:.6px}.section{border-color:#b4c9ec1f}.projects{padding-top:54px;padding-bottom:65px}.section-heading h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1.3px}.project-grid{perspective:1400px;gap:24px}.project,.featured{--rx:0deg;--ry:0deg;--gx:50%;--gy:20%;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s;border:1px solid #a8cfff30;background:linear-gradient(145deg,#20354b85,#0d1829dd 48%,#090f1bee);box-shadow:0 20px 55px #0005,inset 0 1px 0 #edf7ff16;border-radius:24px}.project::after,.featured::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy),#bfe6ff16,transparent 50%);opacity:.65;transition:opacity .4s}.project:hover,.featured:hover{border-color:#c3e5ff66;box-shadow:0 28px 65px #0007,0 0 30px #6caaff10}.project .card-copy,.project .small-link{z-index:3}.card-art{opacity:.94;filter:drop-shadow(0 12px 20px #0008);transition:transform .65s}.project:hover .card-art{transform:scale(1.025) translateY(-4px)}.feature-art{background:radial-gradient(ellipse at 90% 40%,#ff315550,transparent 55%),repeating-linear-gradient(115deg,transparent 0,transparent 18%,#f797ae25 18.1%,#230c1c 18.5%,transparent 34%)}.feature-content{background:linear-gradient(90deg,#0b1019ed,#0b101987 70%,transparent);padding:40px}.featured{margin-top:32px}.feature-content h3{text-shadow:0 7px 40px #ff334f18}.services-section{padding-block:45px 60px}.service-icon{box-shadow:inset 0 1px 0 #f0faff27,0 12px 22px #0005;background:linear-gradient(145deg,#28405a,#0e1929);transform:perspective(400px) rotateY(-12deg) rotateX(8deg);border-color:#b2dbff42;transition:transform .4s}.services article:hover .service-icon{transform:perspective(400px) rotateY(10deg) translateY(-4px)}.contact-section{background:radial-gradient(ellipse at 80% 100%,#263b6830,transparent 65%);padding-block:52px}.telegram-button{background:linear-gradient(125deg,#233d5790,#101e3280);box-shadow:inset 0 1px 0 #d9f0ff35,0 18px 40px #0005;border-color:#9ad1fb75}.primary{box-shadow:inset 0 2px 1px #ffffff70,0 6px 0 #315670,0 13px 30px #65b4ee2b}.primary:hover{box-shadow:inset 0 2px 1px #fff8,0 6px 0 #315670,0 16px 40px #65b4ee40}.primary:active{box-shadow:inset 0 2px 1px #fff8,0 2px 0 #315670;transform:translateY(3px)}.secondary,.small-link,.header-contact{box-shadow:inset 0 1px 0 #ecfaff18,0 6px 20px #0003;background:linear-gradient(135deg,#36547344,#12213588);backdrop-filter:blur(10px)}
.reveal-ready{opacity:0;translate:0 26px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;translate:0 0}.motion-still *, .motion-still *::before,.motion-still *::after{animation-play-state:paused!important}.motion-still .hero-symbol,.motion-still .project,.motion-still .featured{transform:none}.motion-still .reveal-ready{opacity:1;translate:0 0}
@keyframes brand-float{0%,100%{transform:translateZ(30px) translateY(-5px)}50%{transform:translateZ(30px) translateY(9px)}}@keyframes frame-breathe{0%,100%{transform:translateZ(-45px) rotate(-7deg)}50%{transform:translateZ(-45px) rotate(-3deg)}}
@media(max-width:1100px){.hero{min-height:580px;gap:15px}.hero h1{font-size:42px}.hero-symbol{padding:12px}.project-grid{gap:16px}}
@media(max-width:760px){.hero{min-height:0;padding-block:28px 40px;gap:30px}.hero h1{font-size:clamp(31px,8.2vw,48px);letter-spacing:-1.2px}.hero-symbol{width:100%;padding:14px;max-width:430px}.hero-symbol::before{inset:5%;border-radius:22px}.hero-symbol video{border-radius:18px}.motion-toggle{right:22px;bottom:22px;font-size:12px}.hero-caption{font-size:12px;letter-spacing:0;gap:14px}.profession{font-size:12px;letter-spacing:1px}.projects{padding-block:32px 40px}.project-grid{gap:22px}.feature-content{padding:28px 24px}.featured,.project{border-radius:22px}.services-section{padding-block:32px 40px}.contact-section{padding-block:38px}.services article{gap:18px}.space-field{opacity:.45}.project:hover .card-art{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;translate:none}.hero-symbol,.project,.featured,.service-icon{transform:none!important}}
/* Clean controls and luminous, frameless brand. */
.hero-symbol{padding:12px;filter:none;mix-blend-mode:screen;isolation:auto}
.hero-symbol::before,.hero-symbol::after{display:none}
.hero-symbol video{border-radius:0;box-shadow:none;mix-blend-mode:screen;filter:contrast(1.7) brightness(1.3) saturate(1.3) drop-shadow(0 0 14px #77ccff55);animation:brand-radiance 5s ease-in-out infinite;object-fit:contain}
@keyframes brand-radiance{0%,100%{transform:translateY(-4px);filter:contrast(1.7) brightness(1.25) saturate(1.25) drop-shadow(0 0 12px #77ccff40)}50%{transform:translateY(5px);filter:contrast(1.7) brightness(1.4) saturate(1.4) drop-shadow(0 0 21px #8ad8ff70)}}
.actions{gap:14px;align-items:stretch}.actions .button{min-width:190px;min-height:52px;padding:14px 24px;border-radius:16px;font-size:15px}
.primary,.primary:hover{background:linear-gradient(115deg,#c0eaff,#9fd4f4);border:1px solid #cceeffb0;box-shadow:inset 0 1px 0 #fff6,0 5px 20px #75c9ff17}
.primary:active{transform:scale(.98);box-shadow:inset 0 1px 0 #fff5,0 2px 8px #75c9ff15}
.secondary,.small-link,.header-contact{background:linear-gradient(120deg,#29415a45,#0d1c2b90);border:1px solid #a5cae447;box-shadow:inset 0 1px 0 #ffffff0a;backdrop-filter:blur(8px)}
.small-link{border-radius:14px;min-height:46px;padding:12px 22px}.luxe:hover{box-shadow:0 4px 20px #5baef51a;transform:translateY(-1px)}.luxe:active{transform:scale(.98)}.header-contact{border-radius:14px;min-height:44px}
.luxe::after{background:linear-gradient(110deg,transparent 42%,#d7efff00 46%,#e5f6ff30 50%,#a2d9ff0a 53%,transparent 57%);animation-duration:9s}.hero-caption{font-size:12px;line-height:1.8;letter-spacing:.4px;color:#a7bad0}.hero h1{line-height:1.17}.space-field{opacity:1}
@media(max-width:760px){.actions{display:grid;grid-template-columns:1fr;max-width:360px;gap:12px}.actions .button{width:100%;min-height:52px;font-size:15px;padding:14px 22px}.hero-symbol{padding:0;max-width:430px;width:100%;margin-top:-5px}.hero-caption{gap:22px;font-size:11px;letter-spacing:.2px}.hero-caption span{min-width:0}.project .small-link{min-height:48px}.space-field{opacity:.8}}
@media(max-width:380px){header{gap:10px}header .brand{font-size:19px}.header-contact{padding:10px 14px;font-size:12px}.hero-caption{font-size:10px;gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-symbol video{animation:none!important}}
.hero-symbol{mix-blend-mode:normal;transform-style:flat}
.hero-symbol .video-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;filter:none;animation:none}
.logo-transparent{display:block;width:100%;height:auto;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 0 12px #67c7ff45);animation:transparent-glow 5s ease-in-out infinite}
@keyframes transparent-glow{0%,100%{transform:translateY(-4px);filter:drop-shadow(0 0 10px #67c7ff40) brightness(1.05)}50%{transform:translateY(5px);filter:drop-shadow(0 0 20px #8ddcff66) brightness(1.2)}}
@media(prefers-reduced-motion:reduce){.logo-transparent{animation:none!important}}