/* Atma FX — modern motion layer */
.hdr{transition:box-shadow .3s,background .3s;backdrop-filter:saturate(1.2)}
.hdr.scrolled{box-shadow:0 6px 24px rgba(36,33,74,.10)}
.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav a:hover:after{transform:scaleX(1)}
.hero{position:relative;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none;z-index:0}
.hero:before{width:420px;height:420px;background:rgba(201,162,74,.35);top:-120px;left:-80px;animation:fxBlob 18s ease-in-out infinite alternate}
.hero:after{width:380px;height:380px;background:rgba(107,79,216,.22);bottom:-140px;right:-60px;animation:fxBlob 22s ease-in-out infinite alternate-reverse}
.hero-in{position:relative;z-index:1}
.hero-sym{animation:fxFloat 6s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(201,162,74,.35))}
.hero h1,.hero .lead,.hero .cta,.hero-sym{animation-fill-mode:both}
.hero h1{animation:fxUp .9s .1s cubic-bezier(.2,.7,.2,1) both}
.hero .lead{animation:fxUp .9s .25s cubic-bezier(.2,.7,.2,1) both}
.hero .cta{animation:fxUp .9s .4s cubic-bezier(.2,.7,.2,1) both}
.btn{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .25s,color .25s}
.btn.gold{background:linear-gradient(135deg,#d8b45c,#c9a24a 50%,#b48a2f);background-size:200% 100%}
.btn.gold:hover{background-position:100% 0;box-shadow:0 12px 30px rgba(201,162,74,.5)}
.btn.ghost:hover{background:var(--ind);color:#fff}[data-theme=dark] .btn.ghost:hover{background:var(--gold);color:var(--ind)}
.card{cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--ac) 14%,transparent),transparent 45%);opacity:0;transition:opacity .35s}
.card:hover,.card:focus-visible{transform:translateY(-8px);border-color:color-mix(in srgb,var(--ac) 45%,transparent);box-shadow:0 22px 50px color-mix(in srgb,var(--ac) 28%,transparent)}
.card:hover:after,.card:focus-visible:after{opacity:1}
.card:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.card .ic{transition:transform .4s cubic-bezier(.2,.7,.2,1);box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 35%,transparent)}
.card:hover .ic{transform:scale(1.1) rotate(-6deg)}
.card .go{transition:letter-spacing .3s,transform .3s;display:inline-block}
.card:hover .go{transform:translateX(6px)}
.card:active{transform:translateY(-3px) scale(.99)}
.thumbs button{transition:transform .25s,border-color .25s,box-shadow .25s}.thumbs button:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.yt span{transition:transform .3s}.yt:hover span{transform:scale(1.1)}
.player,.teacher img{transition:transform .5s,box-shadow .5s}
.teacher img:hover{transform:scale(1.015)}
.fx-r{animation:fxUp .8s cubic-bezier(.2,.7,.2,1) var(--d,0s) backwards}/* vanish-fix: fade only, never hidden */
@keyframes fxUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fxBlob{to{transform:translate(80px,40px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fx-r{animation:none}}

.card .cv{display:block;margin:-26px -22px 0;aspect-ratio:16/10;overflow:hidden;background:#24214a}
.card .cv img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(1.02)}
.card:hover .cv img{transform:scale(1.08);filter:saturate(1.12)}
.card .cv+.ic{margin-top:-28px;margin-left:2px;position:relative;z-index:1;border:3px solid var(--bg2)}
.card:before{z-index:2}

/* headcrop-fix 2026-10-29: per-image framing so heads stay in frame (images unchanged). Checker: /root/atma-seo/head-crop-check.py */
html body img[src*="rev-TAw6Kdp3vwE.webp"]{object-position:90% 50%}
html body img[src*="consult-82d8d6c5-"]{object-fit:contain;object-position:50% 50%;background:#f5efe4}
html body img[src*="lead-kak-stat-liderom-za-kotorym-idut-sami-800.webp"]{object-position:50% 81%}
html body img[srcset*="lead-kak-stat-liderom-za-kotorym-idut-sami-800.webp"]{object-position:50% 81%}
html body img[src*="kak-stoyat-uverenno-na-stsene-800.webp"]{object-position:50% 8%}
html body img[srcset*="kak-stoyat-uverenno-na-stsene-800.webp"]{object-position:50% 8%}
html body img[src*="kak-uderzhat-vnimanie-zala-800.webp"]{object-position:50% 17%}
html body img[srcset*="kak-uderzhat-vnimanie-zala-800.webp"]{object-position:50% 17%}
html body img[src*="kak-sformulirovat-tsel-chtoby-ona-srabotala-ru-800.webp"]{object-position:50% 89%}
html body img[srcset*="kak-sformulirovat-tsel-chtoby-ona-srabotala-ru-800.webp"]{object-position:50% 89%}
html body img[src*="kak-sformulirovat-tsel-chtoby-ona-srabotala-uk-800.webp"]{object-position:50% 83%}
html body img[srcset*="kak-sformulirovat-tsel-chtoby-ona-srabotala-uk-800.webp"]{object-position:50% 83%}
html body img[src*="2026-10-28-astro-useful-800.webp"]{object-position:50% 17%}
html body img[srcset*="2026-10-28-astro-useful-800.webp"]{object-position:50% 17%}
html body img[src*="2026-10-19-astro-humor-800.webp"]{object-position:50% 20%}
html body img[srcset*="2026-10-19-astro-humor-800.webp"]{object-position:50% 20%}
html body img[src*="2026-10-28-meditation-useful-800.webp"]{object-position:50% 19%}
html body img[srcset*="2026-10-28-meditation-useful-800.webp"]{object-position:50% 19%}
html body img[src*="2026-10-19-meditation-humor-800.webp"]{object-position:50% 10%}
html body img[srcset*="2026-10-19-meditation-humor-800.webp"]{object-position:50% 10%}
html body img[src*="kak-perestat-boyatsya-stseny-800.webp"]{object-position:50% 11%}
html body img[srcset*="kak-perestat-boyatsya-stseny-800.webp"]{object-position:50% 11%}
html body img[src*="chetvertyy-dom-eto-vashi-emotsii-1600.webp"]{object-position:71% 50%}
html body img[srcset*="chetvertyy-dom-eto-vashi-emotsii-1600.webp"]{object-position:71% 50%}
html body img[src*="2026-10-19-auto-humor-800.webp"]{object-position:50% 26%}
html body img[srcset*="2026-10-19-auto-humor-800.webp"]{object-position:50% 26%}
html body img[src*="2026-10-19-trade-humor-800.webp"]{object-position:50% 20%}
html body img[srcset*="2026-10-19-trade-humor-800.webp"]{object-position:50% 20%}
/* /headcrop-fix */
/* fullbody-fix 2026-10-29: whole person visible (head to feet / whole seated body) - contain on soft bg; images unchanged. Checker: /root/atma-seo/fullbody-check.py --body */
html body img[src*="andrey-drobotin-astrolog-cafe-atma-school-03.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-astrolog-cafe-atma-school-04.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-astrolog-cafe-atma-school-06.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-astrolog-cafe-atma-school-08.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-astrolog-cafe-atma-school-09.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-astrolog-yog-author-atma-school-01.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-author-books-portrait-10.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-campfire-guitar-atma-school-17.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-campfire-guitar-atma-school-18.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-guitar-grass-park-atma-school-24.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-hatha-yoga-flyer-skype-nitaigoor-atma-school-31.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-mantra-relax-band-atma-school-25.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-meditation-teacher-portrait-11.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-portrait-stone-wall-atma-school-16.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-running-park-atma-school-13.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-running-park-atma-school-14.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-running-sunset-atma-school-15.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-running-waterfront-atma-school-12.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-yoga-camping-2016-kayak-atma-school-29.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="andrey-drobotin-yoga-camping-2016-pranayama-atma-school-26.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="astrologiya-ne-magiya-i-ne-gadanie-1600.webp"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="astrologiya-ne-magiya-i-ne-gadanie-"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="astrologiya-ne-magiya-i-ne-gadanie-800.webp"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="astrologiya-ne-magiya-i-ne-gadanie-"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="chetvertyy-dom-eto-vashi-emotsii-800.webp"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="chetvertyy-dom-eto-vashi-emotsii-"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="family-6c842891-1600.webp"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="family-6c842891-"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="natalya-drobotin-atma-school-01.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="natalya-drobotin-yoga-park-atma-school-02.jpg"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#f5efe4}
html body img[src*="yt_v4ca4uIWcZY.webp"]{object-fit:contain!important;object-position:50% 50%!important;background-color:#000}
html body .yt[style*="yt_v4ca4uIWcZY.webp"]{background-size:contain!important;background-position:50% 50%!important;background-repeat:no-repeat!important;background-color:#000!important}
/* /fullbody-fix */