/* Second direction: luminous silk, layered atmosphere and playful details. */
body{background:#0b0912}.hero{max-width:none;background:radial-gradient(ellipse at 80% 45%,#38225545,transparent 56%),radial-gradient(ellipse at 5% 2%,#2b204a38,transparent 45%)}.hero-copy{max-width:730px}header{max-width:none}h1{font-weight:500}.hero-art{width:750px;height:750px;right:1%;top:-25px;z-index:0}.hero-copy{z-index:2}.dream-halo{position:absolute;border-radius:50%;filter:blur(70px);animation:cloud-drift 18s ease-in-out infinite alternate}.halo-one{width:360px;height:400px;left:150px;top:150px;background:#8a4ce755;transform:rotate(40deg)}.halo-two{width:260px;height:240px;right:90px;bottom:90px;background:#e98a7540;animation-delay:-9s}.halo-three{width:200px;height:230px;left:60px;top:130px;background:#4fa2f52b;animation-delay:-5s}.silk{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(20px 30px 30px #0d061855);animation:silk-float 14s ease-in-out infinite}.silk-front{transform-origin:350px 350px;animation:silk-breathe 17s ease-in-out infinite alternate}.silk-back{transform-origin:350px 350px;animation:silk-breathe 19s ease-in-out -8s infinite alternate-reverse}.floating-note{position:absolute;display:flex;align-items:center;gap:15px;padding:18px 22px;border:1px solid #e5d6ff36;background:linear-gradient(125deg,#fff2,#34204366);border-radius:16px;backdrop-filter:blur(22px);box-shadow:0 15px 50px #05020d40,inset 0 1px 0 #ffffff13;animation:note-float 9s ease-in-out infinite;z-index:5}.note-design{right:15px;top:190px;transform:rotate(7deg)}.note-code{left:35px;bottom:125px;transform:rotate(-7deg);animation-delay:-4s}.floating-note small{display:block;font-size:8px;letter-spacing:1.8px;color:#d6c4ef;margin-bottom:7px}.floating-note strong{font-family:'Space Grotesk';font-size:16px;font-weight:500}.note-symbol{font-size:40px;color:#dfbaff}.note-spark{font-size:25px;margin-left:12px;color:#e6bfa5}.code-symbol{font:24px 'Space Grotesk';color:#9be4e9}.little-star{position:absolute;color:#f6d3d9;font-size:36px;animation:star 7s ease-in-out infinite}.s-one{left:105px;top:110px}.s-two{right:100px;bottom:145px;font-size:25px;animation-delay:-3s}.s-three{right:120px;top:50px;font-size:20px;color:#9284ba}.orbit-caption{position:absolute;bottom:65px;right:90px;font-size:10px;letter-spacing:1px;color:#b69dc3;transform:rotate(-5deg)}.hero-bottom{z-index:3}.creative-strip{overflow:hidden;padding:28px 0;background:linear-gradient(100deg,#251637,#171426,#37202b);border-block:1px solid #d9b9ff20;position:relative}.creative-strip>div{display:flex;align-items:center;justify-content:center;gap:40px;white-space:nowrap;min-width:max-content}.creative-strip span{font-family:'Space Grotesk';font-size:25px;letter-spacing:-.8px;color:#dfd1ed}.creative-strip i{font-size:26px;font-style:normal;color:#a77fe2;animation:spin 24s linear infinite}.services{position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 100%,#35224b40,transparent 60%)}.service-lead{max-width:490px;font-size:16px;line-height:1.85;color:#aaa4b9;margin-top:28px}.service-list{margin-top:45px}.service-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:14px;font-size:30px;box-shadow:inset 0 1px 0 #ffffff30;transition:transform .4s}.icon-design{color:#deb6ff;background:linear-gradient(135deg,#9261d355,#4b286b33)}.icon-code{color:#a4dfef;background:linear-gradient(135deg,#5486b755,#25394d33);font-size:20px}.icon-direction{color:#f5bda8;background:linear-gradient(135deg,#bf785b55,#613e4533)}summary:hover .service-icon{transform:rotate(-9deg) scale(1.08)}.service-content{padding-left:87px}.service-list summary{padding:25px 0}.work{background:radial-gradient(ellipse at 85% 15%,#492c5f40,transparent 50%),linear-gradient(150deg,#14101f,#0e111d)}.project-stage{border-radius:20px;box-shadow:0 25px 80px #06020f55}.stage-glow{background:conic-gradient(#3b3d83,#a04e7a,#416e92,#3b3d83)}.approach{background:radial-gradient(ellipse at 10% 80%,#351f4033,transparent 50%)}.steps{gap:24px}.steps article{border:1px solid #ffffff15;border-radius:18px;overflow:hidden;padding:0 28px 30px;background:linear-gradient(145deg,#ffffff06,transparent)}.step-art{height:140px;position:relative;margin:0 -28px 25px;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:0;background:radial-gradient(ellipse at center,#8c64b81c,transparent 70%)}.step-art i{display:block;box-shadow:inset 0 1px 0 #ffffff35,0 12px 30px #0002;animation:note-float 10s ease-in-out infinite}.art-understand i{width:70px;height:70px;border-radius:50%;background:linear-gradient(140deg,#b1d9f4aa,#6f58bd33);margin-left:-20px}.art-understand i:nth-child(2){background:linear-gradient(130deg,#d2aeffcc,#935fc544);animation-delay:-3s}.art-understand i:nth-child(3){background:linear-gradient(140deg,#efb9d0aa,#ae709444);animation-delay:-6s}.art-shape{gap:10px}.art-shape i{width:52px;height:65px;border-radius:9px;background:linear-gradient(135deg,#d6b1ffcc,#5b3e9644);transform:rotate(-18deg)}.art-shape i:nth-child(2){height:85px;transform:rotate(8deg);background:linear-gradient(135deg,#b9ccffcc,#4a5d9144);animation-delay:-3s}.art-shape i:nth-child(3){transform:rotate(23deg);background:linear-gradient(135deg,#f2bcd5cc,#88457544);animation-delay:-6s}.art-build{gap:12px}.art-build i{width:45px;height:40px;border-radius:8px;background:linear-gradient(135deg,#abdef3cc,#455f9144)}.art-build i:nth-child(2){height:65px;background:linear-gradient(135deg,#cbb5facc,#5f499544);animation-delay:-3s}.art-build i:nth-child(3){height:90px;background:linear-gradient(135deg,#f5bad9cc,#8a4f7444);animation-delay:-6s}.contact{background:#120d1b}.contact-glow{background:radial-gradient(ellipse at 80% 90%,#a362844f,transparent 50%),radial-gradient(ellipse at 50% 120%,#6344bd70,transparent 70%);animation:cloud-drift 20s ease-in-out infinite alternate}.contact:after{content:'✳';position:absolute;font-size:350px;right:9%;top:10px;line-height:1;z-index:-1;color:#a774c22b;animation:spin 80s linear infinite}.contact em{background:linear-gradient(110deg,#c0a5ff,#efb7cc,#f4c4aa);background-clip:text;color:transparent}.primary{background:linear-gradient(120deg,#f4edff,#e8dbf9);box-shadow:0 0 35px #ba87ef14}.primary:hover{box-shadow:0 5px 45px #bf7fff45}.contact-top span{display:inline-block;transition:transform .3s}.contact-top:hover span{transform:translate(3px,-3px)}@keyframes silk-float{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(4deg) translateY(-16px)}}@keyframes silk-breathe{from{transform:scale(.97,1.02)}to{transform:scale(1.04,.97)}}@keyframes cloud-drift{from{translate:-12px 0;scale:.95}to{translate:20px -15px;scale:1.1}}@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 -13px}}@media(min-width:1600px){.hero-copy{margin-left:max(0px,calc((100vw - 1600px)/2))}.hero-art{right:max(3%,calc((100vw - 1600px)/2))}}@media(max-width:1150px) and (min-width:701px){.hero-art{right:-180px;opacity:.75}.floating-note{display:none}.hero-copy{max-width:580px}}@media(max-width:700px){.hero{min-height:970px;padding-top:40px}.hero-art{width:470px;height:500px;top:450px;right:calc(50% - 235px);opacity:1}.dream-halo{filter:blur(40px)}.halo-one{width:230px;height:250px;left:120px;top:80px}.halo-two{width:160px;height:170px;right:60px;bottom:50px}.halo-three{width:150px;height:150px;left:50px;top:100px}.floating-note{padding:12px 14px;border-radius:12px;gap:9px}.floating-note strong{font-size:12px}.floating-note small{font-size:6px;letter-spacing:1.2px}.note-symbol{font-size:27px}.note-spark{font-size:18px;margin-left:4px}.code-symbol{font-size:18px}.note-design{right:48px;top:95px}.note-code{left:55px;bottom:80px}.little-star.s-one{left:80px;top:65px;font-size:27px}.s-two{right:85px;bottom:90px;font-size:20px}.s-three{right:110px;top:20px}.orbit-caption{font-size:8px;right:60px;bottom:35px}.creative-strip{padding:22px 0}.creative-strip>div{gap:20px;justify-content:flex-start;animation:strip-drift 20s ease-in-out infinite alternate}.creative-strip span{font-size:20px}.creative-strip i{font-size:20px}.service-icon{width:40px;height:40px;flex-basis:40px;border-radius:10px;font-size:25px}.icon-code{font-size:17px}.service-list summary{gap:15px}.service-list summary h3{font-size:21px}.service-content{padding-left:0}.service-lead{font-size:14px}.steps{gap:22px}.step-art{height:125px}.contact:after{font-size:230px;right:-65px;top:80px}.contact h2{position:relative;z-index:1}.section-top{gap:12px}}@keyframes strip-drift{to{transform:translateX(-240px)}}@media(prefers-reduced-motion:reduce){.silk,.floating-note,.dream-halo,.creative-strip>div{animation:none}}