.wwd{background:var(--color-surface-muted);padding:100px 0}.wwd__wrap{margin:0 auto;max-width:var(--container-max);padding:0 var(--gutter)}.wwd__badge{align-items:center;display:inline-flex;gap:10px;margin-bottom:24px}.wwd__badgeLine{background:var(--color-brand-1);border-radius:2px;height:2px;width:24px}.wwd__badgeText{font-size:14px;letter-spacing:.2em;text-transform:uppercase}.wwd__badgeText,.wwd__title{color:var(--color-brand-1);font-weight:500}.wwd__title{font-size:48px;letter-spacing:-.05em;line-height:1.12;margin:0;white-space:pre-line}.wwd__header{margin-bottom:56px}@keyframes wwdDancingGradient{0%{background-position:20% 30%,80% 70%,50% 50%}25%{background-position:70% 20%,30% 80%,60% 40%}50%{background-position:80% 60%,20% 30%,40% 70%}75%{background-position:30% 80%,70% 20%,55% 35%}to{background-position:20% 30%,80% 70%,50% 50%}}.wwd__slider{width:100%}.wwd__track{display:grid;gap:12px;grid-auto-rows:var(--wwd-row-height);grid-template-columns:repeat(2,minmax(0,1fr))}.wwd__card{backface-visibility:hidden;background:var(--color-surface-muted);border-radius:var(--radius-12);cursor:pointer;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);outline:1px solid transparent;overflow:hidden;position:relative;transform:translateZ(0)}.wwd__card:focus{outline:none}.wwd__state{backface-visibility:hidden;inset:0;position:absolute;transform:translateZ(0);transition:opacity .5s ease;will-change:opacity,transform}.wwd__state--default{opacity:1}.wwd__state--hover{animation:wwdDancingGradient 8s ease-in-out infinite;background-color:#071417;background-image:radial-gradient(ellipse 80% 80% at 20% 30%,color-mix(in srgb,var(--wwd-accent) 30%,#071417) 0,transparent 60%),radial-gradient(ellipse 60% 70% at 80% 70%,#0a2a2f 0,transparent 55%),radial-gradient(ellipse 70% 60% at 50% 50%,#0c2226 0,transparent 50%);background-size:200% 200%,200% 200%,150% 150%;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:24px}.wwd__card:hover .wwd__state--default{opacity:0}.wwd__card:hover .wwd__state--hover{opacity:1}.wwd__card.is-open .wwd__state--default{opacity:0}.wwd__card.is-open .wwd__state--hover{opacity:1}.wwd__card.is-open .wwd__hoverDesc,.wwd__card.is-open .wwd__hoverTitle{transform:translateY(0)}.wwd__img{filter:grayscale(1);height:100%;object-fit:cover;width:100%}.wwd__imgGrad{background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.2) 55%,transparent);inset:0;position:absolute}.wwd__imgTitle{bottom:24px;color:#ecfae5;font-size:18px;font-weight:500;left:24px;line-height:1.25;position:absolute;right:24px}.wwd__hoverTitle{color:#ecfae5;font-size:20px;margin-bottom:16px}.wwd__hoverDesc,.wwd__hoverTitle{font-weight:500;transform:translateY(8px);transition:transform .5s ease}.wwd__hoverDesc{color:rgba(236,250,229,.75);font-size:14px;line-height:1.65}.wwd__card:hover .wwd__hoverDesc,.wwd__card:hover .wwd__hoverTitle{transform:translateY(0)}.wwd [data-sr]{opacity:1;transform:none}.wwd .is-sr-hidden{opacity:0;transform:translateY(12px)}.wwd .is-sr-shown{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}@media (min-width:1024px){.wwd__track{grid-template-columns:repeat(4,minmax(0,1fr))}.wwd__nav{display:none}}@media (max-width:768px){.wwd{padding:64px 0}.wwd__title{font-size:32px}.wwd__header{margin-bottom:40px}.wwd__wrap{padding:0 24px}.wwd__badgeText{font-size:12px;letter-spacing:2.8px}.wwd__title{font-size:36px;letter-spacing:-2.4px;line-height:54px}.wwd__header{margin-bottom:36px}.wwd__slider{--wwd-peek:clamp(28px,10vw,36px);overflow:hidden;width:100%}.wwd__track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;align-items:stretch;grid-auto-rows:unset;padding-right:var(--wwd-peek);position:relative;scroll-padding-left:0;scroll-snap-type:x mandatory;z-index:1}.wwd__track::-webkit-scrollbar{display:none}.wwd__track{scrollbar-width:none}.wwd__card{flex:0 0 auto;height:var(--wwd-row-height);scroll-snap-align:start}.wwd__card,.wwd__card.is-active,.wwd__card:not(.is-active){width:calc(100% - var(--wwd-peek))}.wwd__imgTitle{font-size:16px;line-height:22px}.wwd__nav{align-items:center;display:flex;gap:48px;justify-content:center;margin-top:20px;pointer-events:auto;position:relative;z-index:5}.wwd__navBtn{background:none;border:0;color:#8ca1a3;cursor:pointer;height:24px;padding:0;pointer-events:auto;touch-action:manipulation;width:24px}.wwd__navBtn:disabled{cursor:default;opacity:.35}.wwd__count{align-items:center;display:flex;gap:12px}.wwd__countCur{color:#337077;font-size:12px;font-weight:700;line-height:24px}.wwd__countSep,.wwd__countTotal{color:#194247;font-size:12px;font-weight:700;line-height:24px}}@media (max-width:480px){.wwd{padding:64px 0}.wwd__wrap{padding:0 24px}.wwd__track{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.wwd__track::-webkit-scrollbar{display:none}.wwd__track{scrollbar-width:none}.wwd__slider{--wwd-peek:clamp(24px,10vw,32px);overflow:hidden;width:100%}.wwd__track{padding-right:var(--wwd-peek)}.wwd__card{width:calc(100% - var(--wwd-peek))}}@media (hover:none) and (pointer:coarse){.wwd__card:not(.is-open):hover .wwd__state--default{opacity:1}.wwd__card:not(.is-open):hover .wwd__state--hover{opacity:0}.wwd__card:not(.is-open):hover .wwd__hoverDesc,.wwd__card:not(.is-open):hover .wwd__hoverTitle{transform:translateY(8px)}}