.anime-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#c8d9f9 0%,#e4dcf5 48%,#f6dfe9 100%)}.sky-picture{position:absolute;inset:-8%;background-image:linear-gradient(90deg,#eaf0fbde,#eef0fb4d 60%,#eee8fa38),url('assets/atmosphere/animation-sky.webp');background-position:center top;background-size:cover;opacity:.64;transform:translate(var(--sky-mouse-x,0px),calc(var(--sky-shift,0px) * -.3 + var(--sky-mouse-y,0px)));filter:hue-rotate(var(--sky-hue,0deg));transition:transform 1.2s ease-out,filter 2s}.sky-haze{position:absolute;inset:0;background:linear-gradient(180deg,#f3f5fc28,#f0f0f8dd 75%,#eef0f8ed)}.sky-sun{position:absolute;right:15%;top:9%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff7ecb0,#ffe9f145 38%,transparent 70%);box-shadow:0 0 80px 30px #fff0e529;animation:sky-breathe 9s ease-in-out infinite}.sky-cloud{position:absolute;border-radius:50%;filter:blur(28px);background:radial-gradient(ellipse,#fff9 0,#fff5 30%,#faf3ff33 60%,transparent 72%);width:750px;height:190px;opacity:.65}.cloud-a{top:3%;left:-180px;animation:cloud-drift 36s ease-in-out infinite alternate}.cloud-b{top:40%;right:-280px;animation:cloud-drift 48s ease-in-out infinite alternate-reverse}.anime-particles{position:fixed;inset:0;z-index:8;pointer-events:none;width:100%;height:100%}.anime-atmosphere .scroll-ambient{opacity:.35}.anime-atmosphere .ambient-grid{display:none}.anime-atmosphere header{background:#edf1f93b!important}.anime-atmosphere.header-scrolled header{background:#f5f5fbd9!important}.anime-atmosphere .hero h1{color:#334566;text-shadow:0 2px 30px #fff9}.anime-atmosphere .hero .intro{color:#586d8c!important}.anime-atmosphere .hero .gradient{background-image:linear-gradient(100deg,#4e87c9,#8972c7,#bb85b6,#4e87c9)}.anime-atmosphere .hero{isolation:isolate}.anime-atmosphere .hero:after{display:block!important;content:'';position:absolute;left:-35%;right:-35%;top:20%;height:280px;transform:rotate(-15deg);background:linear-gradient(180deg,transparent,#ffffff35,transparent);filter:blur(18px);pointer-events:none;z-index:-1}.anime-atmosphere .montage-card{border-color:#ffffffeb;box-shadow:0 20px 65px #687fb52b,0 0 28px #fff7}.anime-atmosphere .montage-orbit{border-color:#fdfdffb3;box-shadow:0 0 25px #d6ccf82e}.anime-atmosphere .montage-spark{animation:star-pulse 3.6s ease-in-out infinite}.anime-atmosphere .spark-two{animation-delay:-1.8s}.anime-atmosphere .scroll-ribbon{background:linear-gradient(100deg,#cddff2b3,#e4d7f3b3,#f2d8eab3);border-color:#fff7}.anime-atmosphere .section-head h2:before{box-shadow:0 0 15px #aaabed45}.anime-atmosphere .eval-compare-card,.anime-atmosphere .cap-workspace{background:#fffffff0!important;border-color:#ffffffc9!important;box-shadow:0 8px 30px #6b78a40a}.anime-atmosphere .eval-compare-card:hover{box-shadow:0 15px 50px #7d8fbd2e,0 0 0 1px #b9bce361}.anime-atmosphere .visual-work-image{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out;transform-origin:center}.anime-atmosphere .magnetic-button{translate:var(--mag-x,0px) var(--mag-y,0px);transition:translate .25s ease-out,box-shadow .3s,background .3s}.anime-atmosphere .primary{background:linear-gradient(115deg,#648fce,#9b80cf);box-shadow:0 9px 30px #7498d03b}.anime-atmosphere .primary:hover{box-shadow:0 10px 40px #8c93dc73}.wish-star{position:absolute;right:12px;bottom:62px;width:47px;height:47px;border-radius:50%;border:1px solid #fff9;background:#f9f6ff7d;color:#8e8bc0;box-shadow:0 0 28px #cdc9f22e;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:5;transition:transform .3s,box-shadow .3s}.wish-star:hover{transform:rotate(-15deg) scale(1.08);box-shadow:0 0 30px #b8bcf580}.wish-star:disabled{opacity:.35;cursor:default}.anime-atmosphere .contact{background:linear-gradient(115deg,#dae5f9db,#e8ddf4dd,#f5dfeaeb)!important;border:1px solid #fff8!important}.anime-atmosphere[data-chapter=visuals] .sky-picture{opacity:.5}.anime-atmosphere[data-chapter=projects] .sky-haze,.anime-atmosphere[data-chapter=video-practice] .sky-haze{background:linear-gradient(#eef1fa94,#edf1f9ed 55%,#eef0f8f2)}.anime-atmosphere:not(.scroll-motion-on) .sky-picture{transform:none;filter:none}.anime-atmosphere:not(.scroll-motion-on) .sky-cloud,.anime-atmosphere:not(.scroll-motion-on) .sky-sun,.anime-atmosphere:not(.scroll-motion-on) .montage-spark{animation:none}.anime-atmosphere:not(.scroll-motion-on) .magnetic-button,.anime-atmosphere:not(.scroll-motion-on) .visual-work-image{translate:none;transform:none}@keyframes cloud-drift{to{translate:170px 12px}}@keyframes sky-breathe{50%{opacity:.55;scale:1.15}}@keyframes star-pulse{50%{opacity:.35;scale:.65;rotate:30deg}}@media(max-width:760px){.sky-picture{background-position:65% top;opacity:.5}.sky-cloud{width:450px;height:130px;filter:blur(22px)}.wish-star{bottom:38px;right:4px;width:37px;height:37px}.anime-atmosphere .hero:after{left:-10%;right:-10%}.sky-sun{right:5%;top:5%}}@media(prefers-reduced-motion:reduce){.anime-sky *,.anime-atmosphere .montage-spark{animation:none!important;transform:none!important}.anime-particles{display:none}.anime-atmosphere .magnetic-button,.anime-atmosphere .visual-work-image{transform:none!important;translate:none!important}}

.anime-atmosphere.video-focused .anime-sky *{animation-play-state:paused!important}.anime-atmosphere.video-focused .sky-picture{transition:none!important}