.spruce-thumb{--spruce-cycle:5s;position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;flex-shrink:0;container-type:inline-size;border-radius:10px}.spruce-thumb-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.spruce-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);pointer-events:none}.spruce-thumb-logo-wrap{position:absolute;left:50%;top:42%;z-index:2;width:calc(220 / 360 * 100cqi);max-width:220px;transform:translate(-50%,-50%);animation:spruce-logo var(--spruce-cycle) forwards}.spruce-thumb--loop .spruce-thumb-logo-wrap{animation-iteration-count:infinite}.spruce-thumb-logo{display:block;width:100%;height:auto}.spruce-thumb-light{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.spruce-thumb-light-drift,.spruce-thumb-light-sheen{position:absolute;display:block;pointer-events:none}.spruce-thumb-light-drift{border-radius:50%;filter:blur(22px);mix-blend-mode:screen;animation-name:spruce-light-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.spruce-thumb-light-drift--sun{width:58%;height:78%;left:-12%;top:-22%;opacity:.42;background:radial-gradient(ellipse at center,hsla(51,64%,96%,.95) 0,hsla(51,64%,96%,.28) 42%,hsla(51,64%,96%,0) 72%);animation-duration:16s}.spruce-thumb-light-drift--canopy{width:52%;height:70%;right:-10%;bottom:-16%;opacity:.28;background:radial-gradient(ellipse at center,hsla(83,35%,71%,.7) 0,rgba(62,93,57,.18) 46%,rgba(62,93,57,0) 74%);animation-duration:22s;animation-delay:-9s}.spruce-thumb-light-sheen{top:-30%;left:-46%;width:38%;height:160%;opacity:.55;background:linear-gradient(102deg,hsla(51,64%,96%,0),hsla(51,64%,96%,.05) 42%,hsla(51,64%,96%,.28) 50%,hsla(51,64%,96%,.05) 58%,hsla(51,64%,96%,0));mix-blend-mode:soft-light;transform:translateZ(0) rotate(16deg);animation:spruce-light-sheen 18s ease-in-out infinite}.portfolio-card:focus-visible .spruce-thumb-light-drift--sun,.portfolio-card:focus-within .spruce-thumb-light-drift--sun,.portfolio-card:hover .spruce-thumb-light-drift--sun{opacity:.72}.portfolio-card:focus-visible .spruce-thumb-light-drift--canopy,.portfolio-card:focus-within .spruce-thumb-light-drift--canopy,.portfolio-card:hover .spruce-thumb-light-drift--canopy{opacity:.48}.portfolio-card:focus-visible .spruce-thumb-light-sheen,.portfolio-card:focus-within .spruce-thumb-light-sheen,.portfolio-card:hover .spruce-thumb-light-sheen{opacity:.9}@keyframes spruce-logo{0%,6%{opacity:0;transform:translate(-50%,-50%) translateX(-120%);animation-timing-function:cubic-bezier(.16,1,.3,1)}21%,22%{opacity:1;transform:translate(-50%,-50%) translateX(0) scale(1)}24%{opacity:1;transform:translate(-50%,-50%) translateX(0) scale(1.03);animation-timing-function:ease-in-out}30%,to{opacity:1;transform:translate(-50%,-50%) translateX(0) scale(1)}}@keyframes spruce-light-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(7%,5%,0) scale(1.06)}}@keyframes spruce-light-sheen{0%,to{transform:translate3d(-6%,0,0) rotate(16deg)}50%{transform:translate3d(420%,0,0) rotate(16deg)}}@media (prefers-reduced-motion:reduce){.spruce-thumb-logo-wrap{animation:none;opacity:1;transform:translate(-50%,-50%)}.spruce-thumb-light-drift,.spruce-thumb-light-sheen{animation:none}.spruce-thumb-light-drift--sun{opacity:.36;transform:none}.spruce-thumb-light-drift--canopy{opacity:.22;transform:none}.spruce-thumb-light-sheen{opacity:.28;transform:translate3d(42%,0,0) rotate(16deg)}.portfolio-card:focus-visible .spruce-thumb-light-drift--sun,.portfolio-card:focus-within .spruce-thumb-light-drift--sun,.portfolio-card:hover .spruce-thumb-light-drift--sun{opacity:.55}.portfolio-card:focus-visible .spruce-thumb-light-drift--canopy,.portfolio-card:focus-within .spruce-thumb-light-drift--canopy,.portfolio-card:hover .spruce-thumb-light-drift--canopy{opacity:.36}.portfolio-card:focus-visible .spruce-thumb-light-sheen,.portfolio-card:focus-within .spruce-thumb-light-sheen,.portfolio-card:hover .spruce-thumb-light-sheen{opacity:.42;transform:translate3d(42%,0,0) rotate(16deg)}}