.gumball-methodology-page{background-color:#fff8df;background-image:linear-gradient(rgba(27,104,139,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(27,104,139,.09) 1px,transparent 1px);background-size:28px 28px}.gumball-methodology-main{width:100%}.gumball-methodology-hero{position:relative;padding:40px 34px;border:5px solid #17253d;border-radius:30px 20px 34px 23px;background:#68d7e8;box-shadow:11px 11px #17253d;transform:rotate(-.25deg)}.gumball-methodology-hero:before{content:"";position:absolute;top:-18px;left:50%;width:118px;height:32px;border:3px solid #17253d;background:#ffd33d;transform:translate(-50%) rotate(2deg)}.gumball-methodology-badge{border:3px solid #17253d;background:#ff4c8b;color:#fff;box-shadow:3px 3px #17253d;transform:rotate(-1deg)}.gumball-methodology-title{color:#17253d;text-transform:uppercase;letter-spacing:-.05em;line-height:1;text-shadow:4px 4px 0 #fff}.gumball-methodology-intro{color:#26364e;font-weight:600}.gumball-methodology-pillars{position:relative;padding:24px;border:4px solid #17253d;border-radius:22px 29px 20px 26px;background:#fffffff0;box-shadow:8px 8px #ffd33d}.gumball-methodology-pillar{min-height:72px;border:3px solid #17253d;border-radius:18px 23px 17px 21px;background:#edfaff;color:#17253d;box-shadow:4px 4px #17253d33}.gumball-methodology-pillar:nth-child(3n+2){background:#fff0f6;transform:rotate(.45deg)}.gumball-methodology-pillar:nth-child(3n){background:#fff6cb;transform:rotate(-.45deg)}.gumball-methodology-pillar svg{color:#a50055}.gumball-methodology-article{counter-reset:method-section}.gumball-method-section{position:relative;counter-increment:method-section;padding:31px 32px;border:4px solid #17253d;border-radius:22px 30px 19px 27px;background:#fff;color:#3f4d63;box-shadow:8px 8px #17253d}.gumball-method-section:nth-child(2n){border-radius:30px 20px 27px 18px;background:#fffaf0}.gumball-method-section:before{content:counter(method-section,decimal-leading-zero);position:absolute;top:-20px;left:22px;display:grid;width:48px;height:42px;place-items:center;border:3px solid #17253d;border-radius:48% 52% 44% 56%;background:#ffd33d;color:#17253d;font-size:12px;font-weight:900;transform:rotate(-6deg)}.gumball-method-section:nth-child(2n):before{background:#ff4c8b;color:#fff;transform:rotate(6deg)}.gumball-method-section h2{color:#17253d;padding-left:48px}.gumball-method-reference{padding:26px 28px;border:4px dashed #17253d;border-radius:26px 19px 28px 21px;background:#eafaff;box-shadow:7px 7px #ff4c8b}.gumball-method-reference h2{color:#17253d}.gumball-method-reference p{color:#435169}.dark .gumball-methodology-page{background-color:#101827}.dark .gumball-methodology-hero,.dark .gumball-methodology-pillars,.dark .gumball-methodology-pillar,.dark .gumball-method-section,.dark .gumball-method-reference{color:#17253d}[data-reduce-motion=true] .gumball-methodology-hero,[data-reduce-motion=true] .gumball-methodology-pillar,[data-reduce-motion=true] .gumball-method-section:before{transform:none}[data-high-contrast=true] .gumball-methodology-page{background:#fff}[data-high-contrast=true] .gumball-methodology-hero,[data-high-contrast=true] .gumball-methodology-pillars,[data-high-contrast=true] .gumball-methodology-pillar,[data-high-contrast=true] .gumball-method-section,[data-high-contrast=true] .gumball-method-reference{border-color:#000;box-shadow:7px 7px #000}@media(max-width:640px){.gumball-methodology-hero{padding:34px 20px;box-shadow:7px 7px #17253d}.gumball-methodology-pillars{padding:17px;box-shadow:6px 6px #ffd33d}.gumball-methodology-pillar{min-height:66px;padding:11px}.gumball-method-section{padding:29px 21px 24px;box-shadow:6px 6px #17253d}.gumball-method-section h2{padding-left:37px}.gumball-method-reference{padding:22px 20px;box-shadow:6px 6px #ff4c8b}}