.ww-earth{--ww-cream: #f4f1e6;--ww-col: 34.5%;position:relative;display:grid;grid-template-columns:48% 52%;grid-template-rows:auto 1fr;min-height:max(600px,min(66.72vw,100svh));color:var(--ww-cream);font-family:League Spartan,sans-serif;background:#5f4c39;isolation:isolate;overflow:clip}.ww-earth__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:clip;container-type:size}.ww-earth__scene:before{content:"";position:absolute;top:0;bottom:0;left:149.9cqh;width:149.9cqh;background:var(--earth-full) center / 100% 100%;transform:scaleX(-1)}.ww-earth__map{position:absolute;left:0;top:0;height:100%;aspect-ratio:1535 / 1024}.ww-earth__haze,.ww-earth__sharp{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ww-earth__map img{display:block;width:100%;height:100%}.ww-earth__haze{display:none}.ww-earth__stages{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.ww-earth__stage{position:absolute;left:var(--x);top:var(--y);width:calc(var(--ww-col) - var(--x));height:1px;background:#f4f1e6b8;transform-origin:left center}.ww-earth__stage span{position:absolute;left:calc(100% + 12px);top:0;transform:translateY(-50%);white-space:nowrap;font:600 clamp(10px,.74vw,12px) / 1.1 "League Spartan",sans-serif;letter-spacing:.12em;text-transform:uppercase}.ww-earth__stage b{margin-right:.7em;font-weight:700;letter-spacing:.04em;color:#dd6e42}.ww-earth__title{grid-column:2;margin:0;padding:min(8vw,10svh) 6vw 0 0;color:inherit;font-family:League Spartan,sans-serif;font-size:clamp(48px,min(6.5vw,11svh),112px);font-weight:700;line-height:.94;letter-spacing:-.045em;text-transform:uppercase;max-width:10em}.ww-earth__stat{grid-column:2;align-self:end;padding:min(4vw,5svh) 7vw min(11vw,15svh) 0}.ww-earth__number{margin:0;color:inherit;font-family:League Spartan,sans-serif;font-size:clamp(100px,min(14vw,22svh),220px);font-weight:700;line-height:.8;letter-spacing:-.065em}.ww-earth__label{margin:24px 0 0;max-width:17em;font-size:clamp(20px,min(2vw,3.4svh),30px);line-height:1.2;color:inherit}@media(max-width:749px){.ww-earth{--ww-col: 69%;display:flex;flex-direction:column;min-height:0;background:#5d4733 var(--earth-soil) no-repeat left top / 100% auto}.ww-earth:after{content:"";position:absolute;inset:auto 0 0;z-index:-2;height:85vw;background:var(--earth-soil) center bottom / cover}.ww-earth__title{order:0;padding:44px 24px 22px;font-size:clamp(42px,11.8vw,72px);max-width:12em}.ww-earth__scene{position:relative;inset:auto;order:1;z-index:0;width:100%;container-type:normal}.ww-earth__scene:before{display:none}.ww-earth__map{position:relative;width:100%;height:auto;aspect-ratio:614 / 1024;-webkit-mask:linear-gradient(transparent,#000 40px,#000 calc(100% - 40px),transparent);mask:linear-gradient(transparent,#000 40px,#000 calc(100% - 40px),transparent)}.ww-earth__stage{left:var(--mx);top:var(--my);width:calc(var(--ww-col) - var(--mx))}.ww-earth__stage span{left:calc(100% + 8px);width:calc(31vw - 12px);white-space:normal;font-size:12.5px;line-height:1.2;letter-spacing:.06em}.ww-earth__stage b{display:block;margin:0 0 3px;font-size:11px;line-height:12px;letter-spacing:.06em}.ww-earth__stage span{transform:translateY(-6px)}.ww-earth__stat{order:2;align-self:auto;padding:32px 24px 30px}.ww-earth__number{font-size:clamp(104px,29vw,170px)}.ww-earth__label{font-size:22px;margin-top:14px;max-width:16em}}@media(prefers-reduced-motion:no-preference){.ww-earth[data-ww-armed] .ww-earth__title{opacity:0;translate:0 20px;transition:opacity .9s ease,translate .9s cubic-bezier(.2,.7,.2,1)}.ww-earth[data-ww-armed] .ww-earth__number{opacity:0;translate:0 28px;transition:opacity .9s ease .3s,translate 1.1s cubic-bezier(.2,.7,.2,1) .3s}.ww-earth[data-ww-inview] .ww-earth__title,.ww-earth[data-ww-inview] .ww-earth__number{opacity:1;translate:none}@supports (animation-timeline: view()){.ww-earth__map{view-timeline:--ww-earth block}.ww-earth__haze{display:block;filter:blur(12px) brightness(.92);animation:ww-earth-haze linear both;animation-timeline:--ww-earth;animation-range:entry 0% entry 100%}.ww-earth__sharp{-webkit-mask:linear-gradient(#000 40%,transparent 60%) 0 0 / 100% 300% no-repeat;mask:linear-gradient(#000 40%,transparent 60%) 0 0 / 100% 300% no-repeat;animation:ww-earth-focus linear both;animation-timeline:--ww-earth;animation-range:entry 0% entry 85%}.ww-earth__stage{animation:ww-earth-draw linear both;animation-timeline:--ww-earth;animation-range:entry calc(4% + var(--i) * 13%) entry calc(20% + var(--i) * 13%)}.ww-earth__stage span{animation:ww-earth-label linear both;animation-timeline:--ww-earth;animation-range:entry calc(12% + var(--i) * 13%) entry calc(24% + var(--i) * 13%)}@keyframes ww-earth-focus{0%{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes ww-earth-haze{0%,80%{opacity:1}to{opacity:0}}@keyframes ww-earth-draw{0%{transform:scaleX(0)}to{transform:none}}@keyframes ww-earth-label{0%{opacity:0}to{opacity:1}}@media(min-width:750px){.ww-earth__stat{animation:ww-earth-drift linear both;animation-timeline:view()}@keyframes ww-earth-drift{0%{transform:translateY(36px)}to{transform:translateY(-36px)}}}}@supports not (animation-timeline: view()){.ww-earth[data-ww-armed] .ww-earth__stage{transform:scaleX(0);transition:transform .7s cubic-bezier(.2,.7,.2,1) calc(.15s + var(--i) * .16s)}.ww-earth[data-ww-armed] .ww-earth__stage span{opacity:0;transition:opacity .5s ease calc(.35s + var(--i) * .16s)}.ww-earth[data-ww-inview] .ww-earth__stage{transform:none}.ww-earth[data-ww-inview] .ww-earth__stage span{opacity:1}}}@media(min-width:750px)and (max-width:1199px){.ww-earth__stages{display:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/ww-material-study.css.map */