.oficio.of-landing .of-hero .hero-stage{background:#101014 url(/oficio/hero-materia-desktop.webp) 50%/cover no-repeat}.oficio.of-landing .of-hero .hero-stage:after,.oficio.of-landing .of-tier-materia:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 35%,#09080e38 55%,#09080e99 78%,#09080ee6)}.oficio.of-landing .of-hero .hero-stage>.hero-plasma,.oficio.of-landing .of-tier-materia>.hero-plasma{opacity:.85;filter:brightness(1.65);mix-blend-mode:screen;pointer-events:none}.oficio.of-landing .of-hero .hero-stage>.hero-glass{background:linear-gradient(90deg,#0c0b1026,transparent 75%)}.oficio.of-landing .of-hero .hero-stage>.hero-sheen,.oficio.of-landing .of-tier-materia>.hero-sheen{inset:-25%;background:radial-gradient(ellipse at 72% 68%,#a888f075 0,#8767c32b 25%,transparent 52%),linear-gradient(115deg,transparent 32%,#cbbaff30 47%,transparent 62%);opacity:.65;animation:of-materia-light 7s ease-in-out infinite alternate;will-change:transform}@keyframes of-materia-light{0%{transform:translate3d(-13%,3%,0) rotate(-5deg);opacity:.4}to{transform:translate3d(13%,-3%,0) rotate(5deg);opacity:.85}}@media (max-width:760px){.oficio.of-landing .of-hero .hero-stage{background-image:url(/oficio/hero-materia-mobile.webp);background-position:bottom;background-size:100% 100%;padding:34px 19px 30px}.oficio.of-landing .of-hero .hero-stage>.hero-plasma{opacity:.7}.oficio.of-landing .of-hero .hero-stage>.hero-glass{background:linear-gradient(180deg,#0c0b1010,transparent 65%,#0c0b1018)}}@media (prefers-reduced-motion:reduce){.oficio.of-landing .of-hero .hero-stage>.hero-sheen,.oficio.of-landing .of-tier-materia>.hero-sheen{animation:none;will-change:auto;opacity:.4}}.oficio.of-landing .of-tier[data-featured]{isolation:isolate;background:#101014}.oficio.of-landing .of-tier[data-featured]>:not(.of-tier-materia){z-index:1}.oficio.of-landing .of-tier-materia{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;background:#101014 url(/oficio/hero-materia-mobile.webp) bottom/cover no-repeat}.oficio.of-landing .of-tier-materia>.hero-glass{background:linear-gradient(180deg,#120d224d,#0b09145c 58%,transparent)}.oficio.of-landing .of-tier-materia>.hero-plasma{opacity:.7}