:root{--ease-out:cubic-bezier(.22,1,.36,1);--shadow-lift:0 24px 54px rgba(17,40,61,.16)}
html{scroll-behavior:smooth}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:radial-gradient(520px circle at var(--pointer-x,50%) var(--pointer-y,20%),rgba(233,107,90,.055),transparent 62%)}
header{transition:box-shadow .35s ease,background-color .35s ease,transform .35s var(--ease-out)}
header.is-scrolled{box-shadow:0 10px 34px rgba(17,40,61,.12);background:rgba(255,250,243,.985)}
nav a{position:relative;transition:color .25s ease,transform .25s var(--ease-out)}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--coral);transition:right .35s var(--ease-out)}
nav a:hover{color:var(--coral);transform:translateY(-2px)}
nav a:hover:after{right:0}
.logo{transition:transform .35s var(--ease-out);transform-origin:left center}
.logo:hover{transform:rotate(-1deg) scale(1.035)}
.hero,.category-hero{position:relative;isolation:isolate;overflow:hidden;background-attachment:fixed}
.hero:after,.category-hero:after{content:"";position:absolute;inset:auto -12% -48% auto;width:500px;aspect-ratio:1;border:100px solid rgba(255,255,255,.08);border-radius:50%;z-index:-1;animation:hero-orbit 16s ease-in-out infinite alternate}
.hero-copy,.category-hero .wrap,.contact-hero .wrap{animation:hero-enter .9s var(--ease-out) both}
@keyframes hero-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes hero-orbit{to{transform:translate(-35px,-24px) rotate(8deg)}}
.card,.topic,.contact-card,.news-contact,.contact-form-panel,.newsletter{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s ease}
.card:hover,.news-contact:hover{transform:translateY(-9px);box-shadow:var(--shadow-lift);border-color:rgba(233,107,90,.42)}
.card{position:relative}
.card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 0 rgba(233,107,90,.28);transition:box-shadow .4s ease}
.card:hover:after{box-shadow:inset 0 0 0 2px rgba(233,107,90,.28)}
.card img{transition:transform .75s var(--ease-out),filter .45s ease}
.card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.03)}
.card b,.news-contact .arrow{display:inline-block;transition:transform .3s var(--ease-out),color .3s ease}
.card:hover b,.news-contact:hover .arrow{transform:translateX(6px);color:var(--coral)}
.topic{position:relative;overflow:hidden}
.topic:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.18),transparent 75%);transform:translateX(-120%);transition:transform .75s var(--ease-out)}
.topic:hover{transform:translateY(-7px) rotate(-.6deg);box-shadow:var(--shadow-lift)}
.topic:hover:before{transform:translateX(120%)}
.button,.cookie button,form button{position:relative;overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s ease,background-color .3s ease}
.button:hover,.cookie button:hover,form button:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(233,107,90,.3)}
.button:active,.cookie button:active,form button:active{transform:translateY(0) scale(.98)}
input,textarea,select{transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--coral)!important;box-shadow:0 0 0 4px rgba(233,107,90,.14);background:#fff!important}
.article img{transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out)}
.article img:hover{transform:scale(1.012);box-shadow:var(--shadow-lift)}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}
.reveal.is-visible{opacity:1;transform:none}
.grid>.reveal:nth-child(2),.news-contact-list>.reveal:nth-child(2){transition-delay:.08s}
.grid>.reveal:nth-child(3),.news-contact-list>.reveal:nth-child(3){transition-delay:.16s}
.grid>.reveal:nth-child(4),.news-contact-list>.reveal:nth-child(4){transition-delay:.24s}
.grid>.reveal:nth-child(5){transition-delay:.32s}.grid>.reveal:nth-child(6){transition-delay:.4s}
.cookie{animation:cookie-in .55s var(--ease-out) both}
@keyframes cookie-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero,.category-hero{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero,.category-hero{background-attachment:scroll}}

/* wariant 27 */
.card,.newsletter,.contact-card{border-radius:25px}.card{transform:translateZ(0)}a,button{transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px)}a:focus-visible,button:focus-visible{outline:3px solid #62a87c;outline-offset:3px}.reveal{animation:rise .55s ease both}@keyframes rise{from{opacity:.01;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}