/* Editorial material response: light + photo parallax + independent caption depth. */
.fy-card-light { display:none;pointer-events:none; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 body.route-home #categoriesSection .fy-reactive,
 body.route-home #faqSection .faq-visual.fy-reactive,
 body.route-home #development .home-development__media.fy-reactive {
  --fy-x:0;--fy-y:0;--fy-rx:0deg;--fy-ry:0deg;--fy-lx:50%;--fy-ly:45%;
  position:relative;isolation:isolate;overflow:hidden;
  transform:perspective(1100px) rotateX(var(--fy-rx)) rotateY(var(--fy-ry)) !important;
  translate:none !important;
  transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .55s ease !important;
 }
 body.route-home #development .home-development__media.fy-reactive {border-radius:22px 140px 22px 22px;}
 body.route-home #categoriesSection .fy-reactive.is-tracking,
 body.route-home #faqSection .faq-visual.is-tracking,
 body.route-home #development .home-development__media.is-tracking {
  transition:transform .2s ease-out,box-shadow .55s ease !important;
  box-shadow:calc(var(--fy-x)*-10px) calc(16px + var(--fy-y)*-6px) 34px -14px rgba(54,34,21,.32) !important;
 }
 body.route-home #categoriesSection .fy-reactive > img,
 body.route-home #faqSection .faq-visual.fy-reactive > img,
 body.route-home #development .home-development__media.fy-reactive > img {
  transform:scale(1) !important;transform-origin:center;
  transition:transform 1s cubic-bezier(.16,1,.3,1) !important;
 }
 body.route-home #categoriesSection .fy-reactive:is(.is-tracking,.is-keyboard) > img,
 body.route-home #faqSection .faq-visual:is(.is-tracking,.is-keyboard) > img,
 body.route-home #development .home-development__media:is(.is-tracking,.is-keyboard) > img {
  transform:scale(1.075) translate3d(calc(var(--fy-x)*-9px),calc(var(--fy-y)*-9px),0) !important;
  transition:transform .65s cubic-bezier(.16,1,.3,1) !important;
 }
 body.route-home #categoriesSection .home-cat-body {z-index:4;}
 body.route-home #categoriesSection .fy-reactive .home-cat-body,
 body.route-home #faqSection .fy-reactive .faq-visual__caption,
 body.route-home #development .fy-reactive .home-development__media-note {
  translate:calc(var(--fy-x)*5px) calc(var(--fy-y)*5px) !important;
  transition:translate .55s cubic-bezier(.16,1,.3,1) !important;
 }
 body.route-home :is(#categoriesSection,#faqSection,#development) .fy-reactive > .fy-card-light {
  display:block;position:absolute;inset:0;z-index:3;border-radius:inherit;opacity:0;
  background:radial-gradient(ellipse at var(--fy-lx) var(--fy-ly),rgba(255,247,224,.30),rgba(255,250,238,.07) 35%,transparent 67%),linear-gradient(115deg,transparent 15%,rgba(255,246,220,.12) 45%,transparent 75%);
  box-shadow:inset 0 0 0 1px rgba(255,247,226,.24);
  mix-blend-mode:soft-light;transition:opacity .55s ease;
 }
 body.route-home :is(#categoriesSection,#faqSection,#development) .fy-reactive:is(.is-tracking,.is-keyboard) > .fy-card-light {opacity:1;}
 body.route-home #faqSection .faq-visual.fy-reactive::after {display:none!important;}
 body.route-home #categoriesSection .fy-reactive .arr {display:inline-block;transition:translate .55s cubic-bezier(.16,1,.3,1) !important;}
 body.route-home #categoriesSection .fy-reactive:is(.is-tracking,.is-keyboard) .arr {translate:7px 0!important;}
 body.route-home #faqSection :is(.faq-route>div,.faq-item),
 body.route-home #development .home-development__steps>div {transition:background-color .35s,border-color .35s,box-shadow .35s!important;}
 body.route-home #faqSection .faq-route>div:hover,
 body.route-home #development .home-development__steps>div:hover {background-color:rgba(255,252,247,.8);border-color:rgba(157,98,56,.32);box-shadow:inset 3px 0 #b5805d;}
}
body.route-home #categoriesSection .home-cat:focus-visible {outline:2px solid #9d6238;outline-offset:4px;}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
 body.route-home :is(#categoriesSection,#faqSection,#development) .fy-reactive,
 body.route-home :is(#categoriesSection,#faqSection,#development) .fy-reactive>img,
 body.route-home #categoriesSection .fy-reactive .arr,
 body.route-home #categoriesSection .fy-reactive .home-cat-body,
 body.route-home #faqSection .fy-reactive .faq-visual__caption,
 body.route-home #development .fy-reactive .home-development__media-note {transition:none!important;transform:none!important;translate:none!important;}
 body.route-home #faqSection .faq-visual.fy-reactive::after {display:none!important;}
}
